HTML semantik berarti menggunakan elemen yang menggambarkan makna kontennya, bukan hanya tampilannya. <nav> mengatakan "ini adalah navigasi"; <button> mengatakan "ini dapat diklik" — sedangkan <div> tidak mengatakan apa pun.
Home
Home
Keduanya dapat digayakan secara identik, tetapi hanya yang kedua yang dipahami oleh browser, pembaca layar, dan mesin pencari.
<header>, <nav>, <main>, <footer>, memungkinkan pengguna untuk melompat antar wilayah. Sekeliling <div> tidak memberikan mereka apa pun.<h1>, <article>, <main> dan memahami struktur halaman.<button> dapat difokuskan, dapat diaktifkan dengan keyboard (Enter/Space), dan diumumkan sebagai tombol — <div onclick> bukan salah satu dari ini kecuali Anda menambahkannya kembali dengan tangan.<header> <nav> <main> <article> <section> <aside> <footer>
<figure> <figcaption> <time> <mark> <button> <h1>–<h6>
Aturan praktis: gunakan elemen yang berarti apa yang Anda maksudkan, dan hanya gunakan <div>/<span> sebagai kontainer gaya ketika tidak ada elemen semantik yang sesuai.
Ini adalah kemenangan aksesibilitas dan SEO termurah yang dapat Anda lakukan.
Perpustakaan pertanyaan wawancara IT dengan jawaban mendetail — dari Junior hingga Senior.
Donasi