<nav> - Это так важно?

Question

Я заметил, что если вы удалите элемент nav в HTML5, список ссылок останется без изменений или без nav.

Итак, какой смысл использовать nav в этом случае? Что это добавляет мне.

Да, W3Schools.com упоминает следующее о nav:

Тег определяет раздел навигационных ссылок.

Но, как я уже упоминал, какая польза от добавления раздела, который, даже если удаляется, будет идентичным?

Спасибо.

Answer 1

Помните, что изначально HTML задумывался как язык разметки, чтобы сделать цифровые копии документов более доступными. Тенденции отодвинули его от креативного инструмента, но HTML5, похоже, возвращается к этой оригинальной концепции.

<nav> добавляет определенный тип неупорядоченного списка - список, который указывает, что он специально предназначен для навигации. То, что это «добавляет к вам», является более универсально идентифицируемой разметкой документа - независимо от того, говорите вы на языке документа или нет, вы можете определить регионы, которые помогут вам ориентироваться. Да, программы для чтения с экрана, поисковые системы и т. Д. Были упомянуты, но это и дружественный человеку компонент. Глядя исключительно на источник, можно определить, как документ должен быть понят или организован. Потенциальная выгода от этого при обработке всех видов документов (включая макет PDF для издателей) не поддается исчислению.

Помните, что семантика несет значение слов. Вы размечаете часть текста, чтобы текст имел смысл в контексте. <div> не имеет значения, но <article>, <section> и <nav> все говорят вам, что текст, содержащийся в тегах, означает для всего документа.

Answer 2

Хотя вы обычно пишете <div id="nav">, теперь вы можете использовать <nav> вместо этого. Это просто более семантически и немного больше.

Это будет полезно для мобильных браузеров и для других сложных сред, где пользователь может захотеть легко перейти к навигации. Браузеру будет легко найти навигацию таким образом.

Answer 3

Продолжайте использовать W3Schools в качестве справочного источника, и вы далеко пойдете;)

Ваш вопрос, возможно, лучше ответить на несколько примеров ... и затем объяснить, почему это важно ... Но версия TL; DR связана с семантикой.

• If you have a block of text, why do you wrap it in a <p> tag, when you don't need to. You can just as happily use a <span>, then set display:inline, set the margin-top:10px that a <p> uses and continue.

• Also why do you wrap your content blocks in a <div>, it's to demarcate your content into meaningful areas.

Ну, это как бы то, что делает. Для экранных ридеров, поисковых систем и даже ваших селекторов CSS это означает, что все содержимое этого тега семантически следует рассматривать как блок навигации.

Вам это не нужно, но, безусловно, поможет назначить релевантность содержимому вашей страницы.

Answer 4

Добавляет семантику. Программа чтения с экрана может быть закодирована для автоматического пропуска элементов навигации, или робот поисковой машины может быть закодирован так, чтобы не включать текст в элемент навигации в фрагменте результатов поиска.

На данный момент я не знаю каких-либо реализаций этих вариантов использования, но поскольку вы можете просто использовать nav вместо div, на самом деле нет никаких причин не делать этого.