У HTML5 я знаю, що <nav>його можна використовувати як всередині, так і зовні <header>елемента заголовка сторінки . Для веб-сайтів, що мають як вторинну, так і основну навігацію, загальним є включення вторинної навігації як <nav>елемента всередині <header>елемента головного заголовка, а основна навігація - як <nav>елемент поза <header>елементом головки . Однак якщо веб-сайту бракує вторинної навігації, звичайно включати головну навігацію в <nav>елемент всередині <header>елемента заголовка .
Якщо я буду дотримуватися цих прикладів, моя структура вмісту буде заснована на включенні або виключенні вторинної навігації. Це вводить зв’язок між змістом та стилем, який відчуває себе непотрібним та неприродним.
Чи є кращий спосіб, щоб я не переміщував основну навігацію зсередини на зовнішній <header>елемент щоглової головки на основі включення або виключення вторинної навігації?
Основний та вторинний приклад навігації
<header>
<nav>
<!-- Secondary Navigation inside <header> -->
<ul>
<li></li>
</ul>
</nav>
<h1>Website Title</h1>
</header>
<nav>
<!-- Main Navigation outside <header> -->
<ul>
<li></li>
</ul>
</nav>OnlineDegrees.org - це приклад сайту, який відповідає вищевказаній схемі.
Основний приклад навігації
<header>
<h1>Website Title</h1>
<nav>
<!-- Main Navigation inside <header> -->
<ul>
<li></li>
</ul>
</nav>
</header>Keyzo.co.uk - це приклад сайту, який відповідає вищевказаній схемі.
Уривки з введення HTML5 - Додано 02 лютого -117, 7:38
Представляючи HTML5 Брюса Лоусона та Ремі Шарпа, про це можна сказати:
Заголовок також може містити навігацію. Це може бути дуже корисно для навігації по всьому сайту, особливо на сайтах, керованих шаблонами, де весь
<header>елемент може походити з файлу шаблону.Звичайно, не потрібно, щоб
<nav>бути в<header>.Якщо багато в чому залежить від того, чи вважаєте ви, що навігація по всьому сайту належить до загального заголовка сайту, а також прагматичні міркування щодо простоти стилізації.
Виходячи з цього останнього речення, здається, що Брюс Лосон - автор глави цих уривків - визнає, що "прагматичні міркування щодо простоти стилізації" дають зв'язок між змістом та стилем.