-
Привет, ребята. Я открыл эту тему с надеждой, что через некоторое время в ней соберется неплохая коллекция советов по верстке сайтов. Очень часто я наталкиваюсь на сайты, которые сверстаны весьма неплохо, но содержат недостатки которых можно было бы избежать. Иногда мы забываем о самых простых вещах, упрощающих жизнь нашим пользователям. Я начну с малого и побегу скорее в душ: очень уж жарким выдался сегодняшний вечер;))
Tip#1:
Используйте элемент <label> в паре с элементами <input type='radio'...> и <input type='checkbox'...>. В таком случае для выбора какой-либо опции пользователь сможет щелкнуть не только по маленькой кнопке с флажком но и по сопровождающей надписи. Например:
<input type='radio' id='option1' /><label for='option1'>Опция1</label>
Обратите внимание, что аттрибуты id элемента input и for элемента label содержат одно и то же значение.
Tip#2:
Для тэгов не требующих закрывающего тэга согласно спецификации HTML указывайте слеш перед закрывающей скобкой после одного (или более) пробела. Например:
<image src='image.jpg' width='17px' />
<input type='radio' />
В приведенных примерах перед слешем стоит ровно один пробел. Такой HTML-код будет соответствовать спецификациям XML и XHTML что очень важно в наше нелегкое время;) В далеком будущем HTML несомненно будет вытеснен XHTML, поэтому проще сразу писать "правильный" код, чем переделывать его в позже пусть даже с помощью конвертеров.
-
Цитата:
Originally posted by SerjRDS@Jun 6 2007, 22:56
Привет, ребята. Я открыл эту тему с надеждой, что через некоторое время в ней соберется неплохая коллекция советов по верстке сайтов.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Если таких, пара которых приведена выше – смею Вас заверить, что коллекция таких советов здесь вряд ли соберется...
Цитата:
Originally posted by SerjRDS@Jun 6 2007, 22:56
Используйте элемент <label> в паре с элементами <input type='radio'...> и <input type='checkbox'...>.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Если беретесь излагать подобные вещи – старайтесь делать это в полном объеме, а не только "по верхушкам". Да будет Вам известно, что элемент <label> предназначается для присоединения информации не только к элементам <input type="radio"> и <input type="checkbox">, но и к любым другим элементам управления, не имеющим изначально ассоциированных с ними лэйблов: все текстовые поля и меню <select>...
Цитата:
Originally posted by SerjRDS@Jun 6 2007, 22:56
Для тэгов не требующих закрывающего тэга согласно спецификации HTML указывайте слеш перед закрывающей скобкой после одного (или более) пробела.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Чушь прекратите нести. Вы хоть раз в жизни открывали эту самую [Only registered and activated users can see links. Click Here To Register...]? Судя по подобным суждениям, вряд ли...
Цитата:
Originally posted by SerjRDS@Jun 6 2007, 22:56
В приведенных примерах перед слешем стоит ровно один пробел. Такой HTML-код будет соответствовать спецификациям XML и XHTML
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
В терминологии языков разметки разберитесь для начала... И начинать рассуждения о том или ином синтаксисе необходимо с ОТД, а не со слэшей...
Цитата:
Originally posted by SerjRDS@Jun 6 2007, 22:56
что очень важно в наше нелегкое время;)
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
[Only registered and activated users can see links. Click Here To Register...].
Цитата:
Originally posted by SerjRDS@Jun 6 2007, 22:56
В далеком будущем HTML несомненно будет вытеснен XHTML,
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
[Only registered and activated users can see links. Click Here To Register...] и [Only registered and activated users can see links. Click Here To Register...].
Цитата:
Originally posted by SerjRDS@Jun 6 2007, 22:56
поэтому проще сразу писать "правильный" код, чем переделывать его в позже пусть даже с помощью конвертеров.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Однозначно проще. Только с чего Вы взяли, что незакрытые одиночные тэги – это "неправильный" код? М-да... :read:
