Какая разница между использованием NAV и DIV вокруг бутстрапа 3 navbars?

Ответ 1

<nav> - это семантический элемент контейнера HTML5 для основных элементов навигации.

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

из http://learn.shayhowe.com/html-css/elements-semantics

Если вы используете HTML5, тогда вы должны использовать nav.

Ответ 2

Если вы считаете " div", это элемент блока, который не содержит ничего, пустой, пустой ящик, готовый для заполнения всеми видами html- #X код. Элемент Nav - это то же самое, но он зарезервирован как блок для обработки определенного набора кода html5, поэтому зарезервирован для ссылок на навигацию (на практике правило, которое может быть нарушено). Тем не менее, вы можете сделать то же самое в любом теге, так сказать, его CSS-атрибут, который управляет и управляет обоими.

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

Оба Nav и Div поддерживают Глобальные и атрибуты событий, поэтому там нет различий. Поскольку как nav, так и div являются глобальными Box thingy, у вас есть много потенциальных возможностей, как сумасшедший ученый-кодер.

Извините за слабые ссылки, но (W3 Schools

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

Вкратце: nav (html5) был создан как дополнение twin до div, чтобы облегчить кодирование тегов и сделать его более читаемым и понятно для разработчиков. BTW: div не обесценивается как тег в html5/никогда не будет ИМО, а другой, как родной брат span. Старый способ создания контейнера/контейнера для навигации был -

<div id="nav'"><a href="whatever">link</a></div>......... <div id="navigation"><a href="whatever">link</a></div>.........  <div id="whatever" class="nav"><a href="whatever">link</a></div>

но в чудесном мире html5 тэг div родил тег clone nav

<nav> <a href="whatever">my anchor/button/list of links with sprinkles</a></nav>

Тег nav предлагает более конкретное указание того, для чего он используется. Это просто вопрос о том, что элементы не-семантические (div) и семантические (nav); как копировать и плагиатизировать объяснение школ w3....

Семантический элемент четко описывает его значение как для браузера и разработчика.

nav четко описывает в коде, что это блок/тег-блок, используемый для хранения ссылок навигации с помощью кнопок ul-li, a/href, кнопок.... nav не получает и не публикует ничего, поскольку это просто пустой контейнер контейнера, пока вы не поместите в него свои UI-ссылки. Даже тогда nav ничего не делает, его ссылки, которые выполняют работу. Атрибуты, связанные с тегом nav, выполняют манипуляции с тегом, скрывая/отображая его в своих позициях.

Div (divide) является "не семантическим" , поскольку он не так много (семантически) описывает то, что он специально для или делает; Nav (навигация) описывает себя так, что считается семантическим.

Наконец, и стороны примечания в отношениях, html5 ломается как новый стандарт, но мы не можем исключать более ранние версии html (3.x и 4.1) в пользу HTML5, мы должны быть обратно совместимы. Есть много пользователей, которые не могут использовать новые браузеры, поддерживающие html5 из-за более старой ОС, такой как windows xp. Поэтому имейте в виду, что есть еще много пользователей, которые вынуждены запускать IE 6,7,8 crap, которые не будут отображать новый html5 nav и другие теги. То есть, если вы хотите охватить все потенциальные аудитории.

Я надеюсь, что это дает представление о том, насколько я понимаю вопрос и цель div и nav.