Какие правила нужно соблюдать чтобы html-разметка была правильной?

Question

[kiberlain]

Про то что нельзя блочные элементы в инлайновые вставлять (div в a-шку ) или например таблицы верстать именно таблицами я знаю. Может ещё какие-то негласные правила есть, которые лучше не нарушать?

Comments

[A K]

Можно div в a

[Сергей ZSA]

Symphony: зачем этот садизм если можно сделать a {display:block;} ?

[A K]

Сергей ZSA: повторюсь, МОЖНО(акцент именно на это слово) засунуть div в a.

Answer 1

[Сергей ZSA]

1. Проверка на валидность
2. Табуляция
3. Как можно меньше использования тегов. К примеру
<div class="logo"><img src="logo.png"></div> лучше делать так <img src="logo.png" class="logo">
4. Подключение скриптов и стилей внизу страницы перед закрывающим body
5. Отсутствие inline стилей в документе
6. Все style и script в файлах, а не в html (я иногда пишу js в доке, если его мало)
7. ID - единственный на странице, class - множественный
8. Вложенность тегов, о которой вы говорили
9. Отсутствие лишних пробелов Пример:

<div>
     <img>
____
     <a></a>
</div>

___ - пробелы, которые надо удалить, оставив пустую строку.
10. Пробелы в атрибутах. К примеру <a class=".."> но о них вам валидатор скажет сразу, поэтому не вижу смысла описывать правила валидности

Ну наверно и всё.

Comments

[kiberlain]

хороший список, спасибо )

[Алексей Уколов]

11. Не использовать эти правила без включения головы. Например, пункты 3, 4, 5 и 6 вполне могут нарушаться в пользу скорости загрузки и отрисовки страницы.

[Сергей ZSA]

Алексей Уколов: Согласен) Ситуации слишком разные, поэтому список от части относительный. Не зря у сайтов нет верификации.

Answer 2

[monochromer]

Просто всегда прогоняйте через валидатор.

Answer 3

[Сергей Петроченко]

Если делать все по букве закона)))) то нужно смотреть здесь www.w3.org/TR/html w3 -законодатели мод

Comments

[kiberlain]

слишком много букв, нужен более человекопонятный список, хотя бы пунктов 10 ))

[Сергей Петроченко]

Ну а если лень смотреть то проверяйте на валидность как выше написано постоянно, а так вообще у html есть такое понятие DOCTYPE которое декларирует правила работы с той или иной версией html(что во что можно вкладывать, какие атрибуту, обязательность закрытия тегов и т.д.) посмотрите в эту сторону.

[Сергей Петроченко]

Вот например описание и правила для xhtml1 www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd поковыряйте этот файл через notepad++, в любом случае чтобы понять до конца как все устроено нужно первоисточник смотреть