Элемент HTML5 nav внутри нижнего колонтитула
Я читал в нескольких местах, что нет необходимости использовать <nav>
внутри <footer>
, когда все, на что вы ссылаетесь, - это авторские права, положения и условия и т.д.
Однако сайт, над которым я работаю, имеет эти ссылки в нижнем колонтитуле: Новости, Карьера, Конфиденциальность. Очевидно, что Конфиденциальность соответствует приведенному выше описанию для использования <nav>
. Но "Новости и карьера" - хотя им явно не уделяется столько внимания, как предметы в главном навигаторе наверху, - это значимые области контента, которые не связаны с другими. Обосновали бы это использование <nav>
?
Я думаю, что да, но я новичок в HTML5, поэтому я подумал, что попрошу второго мнения!
Ответы
Ответ 1
В качестве спецификации W3C указано
Не все группы ссылок на странице должны находиться в элементе <nav>
- элемент в основном предназначен для секций, которые состоят из основных навигационных блоков. В частности, для нижних колонтитулов короткий список ссылок на различные страницы сайта, такие как условия служба, домашняя страница и страница с авторскими правами. Только элемент нижнего колонтитула достаточно для таких случаев; в то время как элемент a <nav>
может использоваться в таких случаях, это обычно не нужно.
Обратите внимание на самое последнее предложение - даже если не рекомендуется использовать элемент <nav>
даже для TOS, конфиденциальности и т.д.
В вашем случае, когда у вас есть другие важные навигационные элементы ( "Карьера, новости" ), я считаю, что он полностью корректен и семантически корректен для использования элемента <nav>
в вашем <footer>
Ответ 2
Исследование
Согласно эта французская статья:
<nav>
:
Элемент <nav>
- это раздел навигационных ссылок. Он может использоваться для навигации, , а также для других частей документа для отображения внутренних навигационных ссылок.
<footer>
:
Элемент footer
представляет нижний колонтитул или вывод раздела. Он размещает информацию об авторе, юридические уведомления или навигацию по страницам (в сочетании с <nav>
), логотип напоминания, контактную информацию, даты публикации.
Заключение
Вы можете объединить <nav>
с <footer>
.
Ответ 3
Все о семантике. Я смотрю на это так: как я могу передать как можно больше (и как точное) значение, используя только HTML. Если кто-то читал только исходный код моего сайта (например, с помощью программы чтения с экрана), как бы я хотел, чтобы он был организован? Я, конечно, не эксперт, но мне кажется, что ваш сценарий будет вполне допустимым использованием <nav>
внутри <footer>