Belajar HTML5 Elemen Navigasi HTML5

Belajar HTML5 Elemen Navigasi HTML5 – Elemen navavigasi HTML5 adalah markup semantik untuk navigasi halaman. Sebuah halaman dapat berisi beberapa navigasi dengan elemen nav.

Belajar HTML5 Elemen Navigasi HTML5

wimi5 – Ini bisa berupa bilah navigasi di bagian header situs web, atau dapat digunakan sebagai bilah sisi untuk menautkan ke paragraf yang sesuai dari halaman.

Melansir labkom99, Misalnya, kode contoh berikut memiliki dua elemen nav, satu adalah bilah navigasi di bagian header halaman, dan yang lainnya adalah sidebar halaman:

Baca juga : Membuat Menu Navigasi Responsive HTML5

<html>
<body>
<header>
Logo etc.
<nav>
<a href=”page1.html”>Page 1</a>
<a href=”page2.html”>Page 2</a>
<a href=”page3.html”>Page 3</a>
</nav>
</header>

<nav>
<a href=”subpage1.html”>SubPage 1</a>
<a href=”subpage2.html”>SubPage 2</a>
<a href=”subpage3.html”>SubPage 3</a>
</nav>

<article> …</article>

<footer>…</footer>

</body>
</html>

Gambar berikut adalah diagram skema dari kode di atas:

Bilah navigasi tidak harus ditempatkan di dalam elemen header, dapat ditempatkan langsung di luar elemen header.

<html>
<body>
<header>
Logo etc.
</header>

<nav>
<a href=”page1.html”>Page 1</a>
<a href=”page2.html”>Page 2</a>
<a href=”page3.html”>Page 3</a>
</nav>

<nav>
<a href=”subpage1.html”>SubPage 1</a>
<a href=”subpage2.html”>SubPage 2</a>
<a href=”subpage3.html”>SubPage 3</a>
</nav>

<article> …</article>

<footer>…</footer>

</body>
</html>

Begitu pula, bagian nav cumalah bagian pelayaran semantik HTML5, serta tidak memakai gaya apa juga. Kamu bisa meningkatkan Gaya Kamu sendiri ke dalamnya lewat CSS.

Serta Kamu butuh meningkatkan bagian nav semantik ke laman website. Bagian semantik ini gampang dibaca oleh browser serta mesin pelacak.

Pola Desain yang bisa jadi Kamu amati diaplikasikan di banyak web merupakan tautan“ lewatkan pelayaran”. Idenya merupakan buat membolehkan konsumen pembaca layar dengan kilat melampaui pelayaran penting web Kamu bila mereka telah mencermatinya— lagipula, tidak terdapat manfaatnya mencermati semua menu pelayaran web besar tiap kali Kamu mengeklik ke laman terkini!

Salah satu pola Desain yang bisa jadi sempat Kamu amati di banyak web merupakan tautan“ lewatkan pelayaran”. Tujuannya merupakan buat membolehkan konsumen pembaca layar dengan kilat melampaui fitur pelayaran penting web kala mereka telah sempat mencermatinya. Lagi pula, tidak butuh mencermati semua menu pelayaran web besar tiap kali Kamu mengklik laman terkini!

Nav bagian mempunyai kemampuan buat melenyapkan keinginan ini. Bila pembaca layar memandang suatu navelemen, itu bisa membolehkan konsumennya buat melampaui pelayaran tanpa menginginkan tautan bonus. Detail melaporkan: Agen konsumen( semacam pembaca layar) yang ditargetkan buat konsumen yang bisa menggunakan data pelayaran yang dihilangkan dalam perenderan dini. Ataupun yang bisa menggunakan data pelayaran yang lekas ada bisa memakai bagian ini selaku metode buat memastikan konten apa pada laman yang awal mulanya dilewati serta/ ataupun diadakan bersumber pada permohonan.

nav Bagian berpotensi melenyapkan keinginan ini; bila pembaca layar memandang navelemen itu, konsumen bisa melampaui pelayaran tanpa link bonus. Detail melaporkan kalau agen konsumen( semacam pembaca layar) buat konsumen yang bisa menggunakan data pelayaran yang dihilangkan dari perenderan dini ataupun bisa menggunakan ketersediaan langsung data pelayaran bisa memakai bagian ini buat memastikan konten mana pada laman yang pada awal mulanya hendak dilewati serta/ Ataupun atas permohonan.

Pembaca layar dikala ini kandas mengidentifikasi nav, namun ini tidak berarti Kamu tidak bisa memakainya. Teknologi pendukung hendak lalu bertumbuh serta mungkin besar halaman Kamu hendak terdapat di Website dengan bagus di era kelak. Dengan meningkatkan standar saat ini, Kamu membenarkan kalau bersamaan dengan kenaikan pembaca layar, laman Kamu hendak jadi lebih gampang diakses dari waktu ke waktu.

Pembaca layar dikala ini tidak bisa mengidentifikasinya nav, namun itu tidak berarti Kamu tidak bisa memakainya. Teknologi pendukung hendak lalu bertumbuh, serta mungkin besar laman Kamu hendak dipakai dengan cara besar di Website di era kelak. Dengan membuat standar saat ini, Kamu bisa membenarkan kalau bersamaan dengan kenaikan pembaca layar, laman Kamu hendak jadi lebih gampang diakses dari waktu ke waktu.