Mengapa HTML5 menggunakan elemen semantik?

HTML5 menggunakan elemen semantik untuk: 1. Meningkatkan kebolehcapaian tapak web dan membantu mencipta struktur tapak web yang lebih baik 2. Memudahkan pengubahsuaian dan penyelenggaraan kemudiannya; diimbas untuk memberikan pengalaman dalam talian yang lebih baik untuk orang kurang upaya 4. Kondusif untuk pengoptimuman enjin carian.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.

Memahami makna perkataan adalah penting semasa komunikasi dalam mana-mana bahasa. Jika ini adalah komunikasi komputer, ia akan menjadi lebih kritikal. Oleh itu, HTML5 menyediakan lebih banyak elemen semantik untuk memahami kod dengan mudah.

Oleh itu, semantik mentakrifkan makna perkataan dan frasa, iaitu

Unsur semantik = unsur yang mempunyai makna. Elemen semantik mempunyai makna yang mudah dan jelas untuk pelayar dan pembangun.

Contohnya:

Dalam HTML4, kita melihat bahawa

, , dsb. ialah unsur bukan semantik. Mereka tidak mendedahkan apa-apa.

Sebaliknya, , dan adalah unsur semantik kerana ia mentakrifkan kandungannya dengan jelas.

Elemen semantik HTML5 disokong oleh semua penyemak imbas utama.

Mengapa menggunakan unsur semantik?

Dalam HTML4, pembangun perlu menggunakan nama id/kelas mereka sendiri untuk menggayakan elemen: pengepala, atas, bawah, pengaki, menu, navigasi, kandungan utama, bekas , kandungan, artikel, bar sisi, topnav, dsb.

Sangat sukar untuk enjin carian mengenal pasti kandungan web yang betul. Ini akan menjadi lebih mudah sekarang dalam elemen HTML5 (

).

Menurut ideal semantik W3C: "Dayakan perkongsian data dan penggunaan semula merentas aplikasi, termasuk perusahaan dan komuniti." >

1. Mudah diubah suai dan diselenggara.

Sebelum HTML5 keluar, halaman web tradisional pada asasnya disusun menggunakan div Sebenarnya agak sukar untuk memahami reka letak keseluruhan dan kepentingan blok yang berbeza (walaupun kelas semantik boleh ditambah) ; elemen semantik, maklumat struktur asas boleh difahami dengan cepat melalui tag. Dengan cara ini, ia akan menjadi lebih mudah apabila anda kembali dan membuat perubahan dalam beberapa bulan. Dan, ia menjadi lebih penting apabila orang lain mengambil alih projek anda!

2.

Kemudahan untuk pembaca skrin dan alatan tambahan lain untuk mengimbas halaman, memberikan pengalaman dalam talian yang lebih baik untuk orang kurang upaya

3. Pengoptimuman enjin carian.

Enjin carian seperti Google dan Baidu, enjin carian ini akan merangkak web secara automatik dan memperoleh setiap halaman web. Apabila teg anda disemantikkan, enjin carian boleh memahami tapak anda dengan cara yang mesra dan meletakkan kedudukan tapak anda dalam carian (ps: sudah tentu, wang masih sangat penting)

4. Ia boleh meningkatkan kredibiliti tapak web Kebolehcapaian juga membantu mencipta struktur tapak web yang lebih baik.

Cadangan berkaitan: "

tutorial video html

"

Atas ialah kandungan terperinci Mengapa HTML5 menggunakan elemen semantik?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!