Di HTML5, saya tahu itu <nav>bisa digunakan di dalam atau di luar <header>elemen masthead halaman . Untuk situs web yang memiliki navigasi sekunder dan utama, tampaknya umum untuk memasukkan navigasi sekunder sebagai <nav>elemen di dalam <header>elemen masthead dengan navigasi utama sebagai <nav>elemen di luar <header>elemen masthead . Namun, jika situs web tidak memiliki navigasi sekunder, tampaknya umum untuk memasukkan navigasi utama dalam <nav>elemen dalam <header>elemen masthead .
Jika saya mengikuti contoh-contoh ini, struktur konten saya akan didasarkan pada penyertaan atau pengecualian navigasi sekunder. Ini memperkenalkan hubungan antara konten dan gaya yang terasa tidak perlu dan tidak wajar.
Apakah ada cara yang lebih baik sehingga saya tidak memindahkan navigasi utama dari dalam ke luar <header>elemen masthead berdasarkan inklusi atau pengecualian navigasi sekunder?
Contoh Navigasi Utama dan Sekunder
<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 adalah situs contoh yang mengikuti pola di atas.
Contoh Navigasi Utama Saja
<header>
<h1>Website Title</h1>
<nav>
<!-- Main Navigation inside <header> -->
<ul>
<li></li>
</ul>
</nav>
</header>
Keyzo.co.uk adalah contoh situs yang mengikuti pola di atas.
Kutipan dari Memperkenalkan HTML5 - Ditambahkan pada 02-Feb-11, 7:38 AM
Memperkenalkan HTML5 oleh Bruce Lawson dan Remy Sharp mengatakan hal ini tentang subjek:
Header juga dapat berisi navigasi. Ini bisa sangat berguna untuk navigasi di seluruh situs, terutama di situs yang digerakkan templat di mana seluruh
<header>elemen dapat berasal dari file templat.Tentu saja, itu tidak diharuskan
<nav>berada di<header>.Jika sebagian besar tergantung pada apakah Anda yakin navigasi seluruh situs termasuk dalam header seluruh situs dan juga pertimbangan pragmatis tentang kemudahan penataan gaya.
Berdasarkan kalimat terakhir itu, tampak bahwa Bruce Lawson — penulis bab dari kutipan itu — mengakui bahwa "pertimbangan pragmatis tentang kemudahan penataan" menghasilkan penggabungan antara konten dan gaya.