У большинства web-мастеров есть негласные правила написания HTML-разметки. Кстати, они работают не только для разметки, но и для языков программирования. Можете использовать статью как шпаргалку.
Самое важное правило - соблюдайте уровни разметки. Если под тэгом <section> у вас расположился тэг <div>, то не поленитесь нажать клавишу Tab перед <div>. Если хотите вернуться на ранг раньше - нажмите Backspace. Вот пример идеальной разметки:
HTML - очень неприхотливый и не заметит, что вы разместили тэги абы как. А широко известный язык программирования Python и некоторые другие языки вам этого не простят! Разместите не в иерархическом порядке - получите ошибку. Так что, привыкайте смолоду.
Другие правила грамматики:
1) написал тэг - закрой его (кроме <img>, <br>);
2) не пишите названия тэгов в верхем регистре;
3) используйте семантические тэги, а не тупо <div><div><div><span>. Про семантические тэги читайте вот здесь: клик по синему тексту.