HTML Semantik bermakna menggunakan elemen yang menggambarkan makna kandungannya, bukan hanya tampilannya. <nav> mengatakan "ini adalah navigasi"; <button> mengatakan "ini dapat diklik" — sedangkan <div> tidak mengatakan apa-apa.
Home
Home
Keduanya boleh digayakan secara sama, tetapi hanya yang kedua yang difahami oleh penyemak imbas, pembaca skrin, dan enjin carian.
<header>, <nav>, <main>, <footer>, membenarkan pengguna melompat antara wilayah. Dinding <div> tidak memberi mereka apa-apa.<h1>, <article>, <main> dan memahami struktur halaman.<button> boleh fokus, boleh diaktifkan papan kekunci (Enter/Space), dan diumumkan sebagai butang — <div onclick> tidak ada satupun daripada ini melainkan anda menambahnya kembali dengan tangan.<header> <nav> <main> <article> <section> <aside> <footer>
<figure> <figcaption> <time> <mark> <button> <h1>–<h6>
Peraturan emas: capai elemen yang bermakna apa yang anda niatkan, dan hanya gunakan <div>/<span> sebagai bekas gaya apabila tiada elemen semantik yang sesuai.
Ini adalah kemenangan kebolehaksesan dan SEO yang paling murah yang boleh anda lakukan.
Pustaka soalan temu duga IT dengan jawapan terperinci — daripada Junior hingga Senior.
Derma