Что такое семантическая вёрстка и зачем она нужна

Влад Мержевич

Или почему лучше не использовать дивы и спаны для всего подряд.

Давным-давно (лет пятнадцать назад) почти все делали сайты и не переживали о том, что под капотом. Верстали таблицами, использовали всё, что попадётся под руку (а попадались в основном div и span) и не особо заморачивались о доступности. А потом случился HTML5 и понеслось.

Подробности читайте в блоге HTML Academy.

Разберитесь в нюансах вёрстки с HTML Academy — “Знакомство с HTML, CSS, JavaScript и PHP” бесплатно.

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.