Tips and Tricks

[SerjRDS]

Привет, ребята. Я открыл эту тему с надеждой, что через некоторое время в ней соберется неплохая коллекция советов по верстке сайтов. Очень часто я наталкиваюсь на сайты, которые сверстаны весьма неплохо, но содержат недостатки которых можно было бы избежать. Иногда мы забываем о самых простых вещах, упрощающих жизнь нашим пользователям. Я начну с малого и побегу скорее в душ: очень уж жарким выдался сегодняшний вечер;))

Tip#1:
Используйте элемент <label> в паре с элементами <input type=&#39;radio&#39;...> и <input type=&#39;checkbox&#39;...>. В таком случае для выбора какой-либо опции пользователь сможет щелкнуть не только по маленькой кнопке с флажком но и по сопровождающей надписи. Например:

<input type=&#39;radio&#39; id=&#39;option1&#39; /><label for=&#39;option1&#39;>Опция1</label>

Обратите внимание, что аттрибуты id элемента input и for элемента label содержат одно и то же значение.

Tip#2:
Для тэгов не требующих закрывающего тэга согласно спецификации HTML указывайте слеш перед закрывающей скобкой после одного (или более) пробела. Например:



<image src=&#39;image.jpg&#39; width=&#39;17px&#39; />
<input type=&#39;radio&#39; />

В приведенных примерах перед слешем стоит ровно один пробел. Такой HTML-код будет соответствовать спецификациям XML и XHTML что очень важно в наше нелегкое время;) В далеком будущем HTML несомненно будет вытеснен XHTML, поэтому проще сразу писать "правильный" код, чем переделывать его в позже пусть даже с помощью конвертеров.

[Aykroyd]

Originally posted by SerjRDS@Jun 6 2007, 22:56
Привет, ребята. Я открыл эту тему с надеждой, что через некоторое время в ней соберется неплохая коллекция советов по верстке сайтов.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Если таких, пара которых приведена выше – смею Вас заверить, что коллекция таких советов здесь вряд ли соберется...

Originally posted by SerjRDS@Jun 6 2007, 22:56
Используйте элемент <label> в паре с элементами <input type=&#39;radio&#39;...> и <input type=&#39;checkbox&#39;...>.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Если беретесь излагать подобные вещи – старайтесь делать это в полном объеме, а не только "по верхушкам". Да будет Вам известно, что элемент <label> предназначается для присоединения информации не только к элементам <input type="radio"> и <input type="checkbox">, но и к любым другим элементам управления, не имеющим изначально ассоциированных с ними лэйблов: все текстовые поля и меню <select>...

Originally posted by SerjRDS@Jun 6 2007, 22:56
Для тэгов не требующих закрывающего тэга согласно спецификации HTML указывайте слеш перед закрывающей скобкой после одного (или более) пробела.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Чушь прекратите нести. Вы хоть раз в жизни открывали эту самую [Только зарегистрированные пользователи могут видеть ссылки. ]? Судя по подобным суждениям, вряд ли...

Originally posted by SerjRDS@Jun 6 2007, 22:56
В приведенных примерах перед слешем стоит ровно один пробел. Такой HTML-код будет соответствовать спецификациям XML и XHTML
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
В терминологии языков разметки разберитесь для начала... И начинать рассуждения о том или ином синтаксисе необходимо с ОТД, а не со слэшей...

Originally posted by SerjRDS@Jun 6 2007, 22:56
что очень важно в наше нелегкое время
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
[Только зарегистрированные пользователи могут видеть ссылки. ].

Originally posted by SerjRDS@Jun 6 2007, 22:56
В далеком будущем HTML несомненно будет вытеснен XHTML,
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
[Только зарегистрированные пользователи могут видеть ссылки. ] и [Только зарегистрированные пользователи могут видеть ссылки. ].

Originally posted by SerjRDS@Jun 6 2007, 22:56
поэтому проще сразу писать "правильный" код, чем переделывать его в позже пусть даже с помощью конвертеров.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Однозначно проще. Только с чего Вы взяли, что незакрытые одиночные тэги – это "неправильный" код? М-да... :read: