Какие правила нужно соблюдать чтобы html-разметка была правильной?
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=".."> но о них вам валидатор скажет сразу, поэтому не вижу смысла описывать правила валидности
Ну наверно и всё.
Просто всегда прогоняйте через валидатор.