Saya yakin semua orang mengetahui html dan css, mengetahui pemisahan struktur html dan kinerja css, dan mengetahui semantik html. HTML semantik baru mulai populer di China satu atau dua tahun yang lalu. Melihat struktur HTML yang dibahas dalam grup sekarang, dan pertanyaan wawancara tentang struktur HTML, HTML semantik menyumbang sebagian besar. Jadi mengapa menggunakan HTML semantik? Apa manfaat HTML semantik?

HTML menyediakan struktur kontekstual dan makna konten dokumen web html itu sendiri tidak memiliki representasi. Misalnya, kita melihat bahwa

dicetak tebal, dengan ukuran font 2em, dan dicetak tebal, jadi jangan menurut saya ini adalah HTML. Kinerja, ini sebenarnya adalah gaya CSS default dari HTML yang sedang bekerja, jadi pertama-tama kita perlu tahu bahwa HTML tidak ada hubungannya dengan kinerja halaman, ini adalah masalah CSS. Peran HTML dalam halaman adalah struktur dan makna. Dalam istilah awam, itu adalah untuk membagi konten.

Struktur HTML semantik harus terlebih dahulu menekankan struktur HTML

Struktur HTML adalah kerangka halaman, Halaman itu seperti sebuah rumah, Struktur HTML adalah dinding baja dan beton. Jika sebuah rumah tidak memiliki dinding baja dan beton, itu hanyalah tumpukan batu bata yang tidak berguna tidak dapat ditinggali atau digunakan untuk bekerja. CSS adalah bahan dekoratif, berupa lantai kayu, marmer, dan cat, digunakan untuk mendekorasi sebuah rumah papan. Mereka dicat bersama-sama dan tidak memiliki nilai guna yang sebenarnya. CSS bergantung sepenuhnya pada dokumen (X)HTML yang mereferensikannya. Jika Anda ingin memanfaatkan sepenuhnya kekuatan CSS, HTML perlu menyediakan konten yang bersih dan terstruktur. "HTML adalah lingua franca untuk menerbitkan hypertext di Internet... HTML menggunakan tag untuk menyusun teks. isasi” ( http://www.w3.org/MarkUp/ ).

Bagaimana cara menulis struktur HTML semantik?
HTML adalah metode menambahkan struktur dan makna (atau "semantik") pada konten teks. Ini akan memberitahu kita: "Baris ini adalah judul, baris-baris ini membentuk paragraf. Kata-kata ini adalah daftar item, dan kata-kata ini adalah hyperlink ke file lain di Internet." Perlu dicatat bahwa Anda tidak boleh membiarkan HTML memberitahu kita: "Teks-teks ini berwarna biru, dan teks-teks ini berwarna merah. Bagian konten ini adalah kolom paling kanan, dan baris konten ini dicetak miring." Informasi terkait kinerja ini adalah tugas CSS. Saat melakukan pengembangan front-end, ingatlah: HTML memberi tahu kita apa itu suatu konten (atau maknanya), bukan seperti apa tampilannya. Ketika kita berbicara tentang "markup semantik", HTML yang kita bicarakan harus benar-benar terpisah dari informasi presentasi, dan tag di dalamnya harus secara semantik menentukan struktur dokumen.

Struktur semantik HTML sebenarnya sangat sederhana. Pertama, pahami semantik setiap tag dalam html.

adalah wadah; untuk penekanan;

• adalah daftar tidak berurutan, dll... Setelahnya melihat isinya Saat memikirkan label apa yang dapat mendeskripsikannya dengan lebih baik, gunakan label apa pun.

  Apa manfaat struktur HTML semantik?

  Kita tahu bahwa HTML5 memiliki tag baru, seperti

  dan