Semantik HTML tampaknya menjadi klise. Google memiliki banyak artikel tentang semantik. Mengapa tag semantik? Saya pikir inilah yang saya pikirkan: setiap tag HTML memiliki makna spesifik, dan semantik adalah membiarkan kita menggunakan tag yang tepat di tempat yang tepat untuk membuat orang dan mesin lebih baik (mesin dapat dipahami karena browser dapat dipahami sebagai mesin pencari). Jika penjelasan saya tidak cukup jelas, silakan Google.
Bagaimana cara menggunakan label yang tepat di tempat yang tepat?Ini adalah logika pemahaman yang sederhana. Misalnya, tag H1 ~ H6 digunakan untuk kelas judul; UL digunakan untuk daftar yang tidak teratur; OL digunakan untuk daftar yang diisi; DL digunakan untuk mendefinisikan daftar; EM, tag yang kuat digunakan untuk menekankan ... Sedikitnya, setiap definisi bahasa Inggris dari tag HTML menentukan semantiknya (kemudian artikel ini, saya akan menempatkan tabel perbandingan definisi bahasa Inggris dari tag HTML yang umum digunakan untuk referensi).
Apa yang bisa dilihat orang dan mesin secara sekilas?Cara terbaik untuk memeriksa apakah halaman HTML adalah semantik adalah dengan menghapus tautan CSS dari halaman untuk melihat apakah struktur halaman web tertib dan apakah halaman masih dapat dibaca. Mengapa saya bisa mengatakan itu? Semua orang tahu bahwa browser memiliki gaya default (disarankan untuk menggunakan alat pengembang web chrome untuk plug-in chrome, atau plug-in pengembang web firefox). Misalnya, H1 ~ H6, akan ada gaya default pengurangan ukuran tebal/font dan margin atas dan bawah. UL, OL, dan DL semuanya memiliki peluru default, dan Strong memiliki gaya yang berani secara default ... jadi, untuk halaman yang sama, HTML yang sangat baik masih dapat berkinerja baik ketika halaman CSS dihapus.
Poin lain adalah bahwa pengkodean semantik yang baik lebih ramah pada mesin pencari. Cari laba -laba tidak mengenali CSS Anda, tetapi mereka dapat mengenali tag HTML.
Berikut adalah contoh sederhana:Salin kode