Используйте <header>
и эти семантические теги.
Почему?Потому что они значимы, их легче читать.
Например, рассмотрим
<header id="article-header>
...
</header>
и
<div id="article-header" class="header">
...
</div>
Как видно, первое короче и легче для чтения.
Согласнона Входящий сейчас , семантические теги также лучше с точки зрения SEO.
Кроме того, этот и этот вопрос имеют интересные ответы
Редактировать:
Я цитирую это из MDN :
Некоторые из преимуществот написания семантической разметки следующие:
- Поисковые системы будут рассматривать его содержимое как важные ключевые слова, чтобы влиять на поисковый рейтинг страницы (см. SEO)
- Программы чтения с экрана могут использовать его в качестве указателячтобы помочь пользователям с нарушениями зрения перемещаться по странице
- Поиск блоков значимого кода значительно проще, чем поиск, хотя бесконечные div с семантическими или пространственными классами или без них
- Предлагает разработчику тип данных, который будет
- Семантическое именование зеркал proper именование элементов / компонентов
Кроме того, я где-то довольно давно читал, что семантические теги предназначены для определения контура документа, div
s больше подходят для визуального секционированиякак стиль коробки (я не могу найти источник прямо сейчас).