Mengenal Nav Element dan Aside Element di HTML5

Pada artikel kali ini kita akan membahas dua element sekaligus yang berada di HTML5, maka dari itu disini saya membuat judul mengenal nav element dan Aside element di HTML5, sebenarnya dua element ini tidak ada kemiripan cuman saja biar sekaligus saya langsung membahas dua element sekaligus, untuk penjelasan singkat tag nav itu bisanya digunakan untuk mengelompokan link, dan tag aside itu menyatakan bagian dari konten, oke bagaimana kelanjutannya dan bagaiamana contoh penggunaannya simak terus ya teman-teman.

Oke pada paragraph pertama kita sudah membahas sedikit tentang pengertian tag nav dan tag asside, maka dari itu untuk mengenal nav element dan Aside element di HTML5, yang pertama yang akan saya bahas tag nav telebih dahulu ya teman-teman. Tag <nav> digunakan untuk mengelompokkan beberapa link yang membuat sebuah menu navigasi. Dengan kata lain, <nav> cocok sebagai ‘container’ untuk menu. Dalam kode kita sebelumnya, untuk menu navigasi saya menggunakan tag <div id=”menu_navigasi”>. Kali ini kita akan mengubahnya menjadi tag <nav> :

<nav>
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="pendaftaran.html">Pendaftaran</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="about_us.html">About Us</a></li>
</ul>
</nav>

Selain untuk menu utama, tag <nav> juga bisa digunakan untuk menu navigasi di footer, table of contents (daftar isi), pagination, dan breadcrumbs. Oke untuk yang kedua kita bahas tag aside.

Tag <aside> berfungsi untuk menyatakan bagian dari konten yang bukan merupakan bagian dari konten utama, namun masih berhubungan. Dalam implementasinya, tag <aside> paling jelas digunakan untuk bagian sidebar. Berikut adalah modifikasi dari kode kita sebelumnya yang menggunakan <div id=”sidebar”> untuk menandai sidebar:

<aside>
<section>
<h1>Judul Sidebar 1</h1>
<div id="isi_sidebar_1">
<p>....isi sideabar 1 disini...</p>
</div>
</section>
<section>
<h1>Judul Sidebar 2</h1>
<div id="isi_sidebar_2">
<p>....isi sidebar 2 disini...</p>
</div>
</section>
</aside>

Selain untuk sidebar, tag <aside> juga bisa diletakkan di dalam konten utama, yang ditujukan untuk memberi keterangan tambahan. Oke bagaimana teman-teman sudah cukup jelas ya. dan saya rasa cukup sampai disini dulu belajar kita tentang mengenal nav element dan Aside element di HTML5, semoga bermanfaat dan sampai jumpa di artikel saya selanjutnya, terimakasih.

The post Mengenal Nav Element dan Aside Element di HTML5 appeared first on Kursus Website Terbaik.