Каковы практические преимущества наличия только одного на странице
Рекомендуется иметь только по одному на страницу, даже валидаторы распечатывают потепление, если их больше, но другие рекомендации противоречат этому, например:
- Любой ранг может быть использован в качестве заголовка явно определенного раздела, хотя эта практика не рекомендуется.
- Никогда не пропускайте порядок заголовка
И есть также элементы секционирования, такие как "в стороне", контур которых не должен влиять на контур страницы.
Это довольно сбивает с толку, так что, по крайней мере, я хочу знать, как лучше иметь только по одному на страницу.
1 answers
Вы не указали, кто дает рекомендацию, но в самой спецификации ничего подобного не говорится. Заголовок начинает разделять содержимое, и на странице может быть несколько разделов содержимого. Однако то, о чем вы спрашиваете, - это "схема документа", и ее сегодня нет в браузерах. В частности, обратите внимание на эту ссылку от одного из авторов HTML и ARIA:
Схема документа HTML5 - опасная выдумка
Это опасно, потому что это может привести ничего не подозревающих разработчиков к мысли , что использование вложенности элементов заголовка в элементы секционирования на самом деле имеет некоторый эффект для пользователей, которые используют семантику заголовков. В подавляющем большинстве случаев верно обратное. Например, если вы закодируете заголовок как элемент h1 и вложите его 5 вглубь элементов секционирования, структура документа заставляет нас полагать, что заголовок будет h6, тогда как в реальном мире заголовок будет h1.
Но это не значит, что ты не следует использовать несколько тегов h1. Это только означает, что вам нужно быть осторожным в их использовании. Это не влияет на SEO, согласно Джону Мюллеру и Google, но может повлиять на представление вашей страницы в браузере. Вы можете использовать это как полезную инструкцию от Mozilla.
Однако программы чтения с экрана - это совсем другая история, и первое сканирование элементов заголовка и представление нескольких тегов h1 может сбить слушателя с толку относительно того, где находится новый раздел в структуре документа. Видеть: https://css-tricks.com/document-outline-dilemma/
Для этих пользователей единственным эффектом алгоритма описания документа было то, что некоторые новые страницы (охотно принявшие новую спецификацию) были представлены в виде плоских списков заголовков первого уровня, без какой-либо структуры вообще.