Latihan 2 dari materi Best Practices di HTML — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Ganti tiga <div> di editor dengan tag semantik:
<div class="header"> jadi <header>
<div class="nav"> jadi <nav>
<div class="main"> jadi <main>
Tukar tag pembuka dan tag penutupnya (</div> pasangannya jadi </header>, dan seterusnya). <div> yang lama harus hilang, bukan ditambahi tag baru di sebelahnya. Isinya ikut pindah: link Beranda tetap ada, dan <h1> tetap berisi teks.
Hint
Class header, nav dan main menyebut peran bagiannya. HTML punya tag sendiri buat tiap peran itu.
Ganti nama tag-nya aja: <div class="header"> jadi <header>, dan </div> pasangannya jadi </header>. Isinya jangan dihapus.