В HTML5 вы можете вложить NAV-элементы?

У меня есть общее меню для всего сайта, в котором я использую <nav> для. У меня также есть подменю, которое находится прямо под основной навигацией и отличается для каждого продукта на сайте. Какая наилучшая практика для этого?

В настоящее время у меня есть отдельный <div id="secondary-nav"> ниже основного навигатора. Но так как они находятся в пределах <header> страницы, я думал о том, что вместо этого есть вложенный <nav>. Является ли это обычной практикой в HTML5?

Ответ 1

Это вполне приемлемо для использования nav. Вы также можете посмотреть aside, если его можно удалить, или использовать теги section в nav, чтобы лучше разделить содержимое. Это возвращается ко всем дискуссиям по семантике, где моя позиция, если имеет смысл, делает это. Это не обязательно должно быть на 100% семантически правильным, поскольку никто из людей, которые смотрят на исходный код, никогда не узнает.

Ответ 2

В спецификациях нет ничего, что указывает на то, что вложенность nav не разрешена. И видя, что <nav> является элементом уровня блока, нет ничего плохого в их вложенности.