Apakah teg semantik HTML? Senarai lengkap teg semantik HTML biasa

1. Apakah itu teg semantik HTML

Teg semantik direka untuk memberi teg maknanya sendiri.

<p>一行文字</p><span>一行文字</span>

Seperti yang ditunjukkan dalam kod di atas, salah satu perbezaan antara teg p dan teg span ialah maksud teg p ialah: perenggan. Teg span tidak mempunyai makna yang unik.

2. Kelebihan tag semantik

1. Struktur kod jelas, mudah dibaca dan kondusif untuk pembangunan pasukan.

2. Dihuraikan dengan mudah oleh peranti lain (seperti pembaca skrin, pembaca buta, peranti mudah alih) untuk memaparkan halaman web dalam cara yang semantik.

3. Baik untuk pengoptimuman enjin carian (SEO).

3. Tag semantik biasa

Oleh itu, semasa menulis struktur halaman, kita harus cuba menggunakan tag HTML semantik

• b2386ffb911b14667cb8f0f91ea547a7: Kandungan utama halaman.

• b35601808ee30eac9a0f11ecc3d2c015: h1~h6, tajuk hierarki, penyelarasan 4a249f0d628e2318394fd9b75b4636b1 dan b2386ffb911b14667cb8f0f91ea547a7 bermanfaat untuk pengoptimuman enjin carian.

• ff6d136ddc5fdfeffaf53ff6ee95f185: Senarai tidak tersusun.

• 25edfb22a4f469ecb59f1190150159c6: senarai pesanan.

• 1aa9e5d373740b65a0cc8f0a02150c53: Pengepala biasanya termasuk logo tapak web, navigasi utama, pautan seluruh tapak dan kotak carian.

• c787b9a589a3ece771e842a6176cf8e9: tanda navigasi, hanya digunakan untuk kumpulan pautan penting dalam dokumen.

• 61b85035edf2b42260fdb5632dc5728a: Kandungan utama halaman, yang hanya boleh digunakan sekali pada halaman. Jika ia adalah aplikasi web, kelilingi fungsi utamanya.

• 23c3de37f2f9ebcb477c4a90aac6fffd: Mentakrifkan kandungan luaran yang bebas daripada seluruh dokumen.

• 2f8332c8dcfd5c7dec030a070bf652c3: Tentukan bahagian (bahagian, bahagian) dalam dokumen. Seperti bab, pengepala, pengaki atau bahagian lain dokumen.

• 15221ee8cba27fc1d7a26c47a001eb9b: Mentakrifkan kandungan di luar kandungannya. Seperti bar sisi, satu set pautan ke artikel, iklan, pautan mesra, senarai produk berkaitan, dsb.

• c37f8231a37e88427e62669260f0074d: Pengaki, hanya apabila ibu bapa adalah badan, ia adalah pengaki bagi keseluruhan halaman.

• d015d241ae6d34c34210679b5204fe85: Paparkan kesan fon kecil, nyatakan butiran, masukkan penafian, anotasi, tandatangan dan hak cipta.

• 8e99a69fbe029cd4e2b854e244eab143: Seperti tag em, ia digunakan untuk menekankan teks, tetapi ia menekankan teks dengan lebih kuat.

• 907fae80ddef53131f3292ee4f81644b: Nyatakan teks sebagai kandungan yang ditekankan, dinyatakan dalam huruf condong.

• f920514e6447cf1d171079d1371f007f: Gunakan kuning untuk menyerlahkan sebahagian daripada teks.

• 24203f2f45e6606542ba09fd2181843a: Menentukan kandungan aliran bebas (imej, carta, foto, kod, dll.) (margin lalai ialah kira-kira 40px).

• 614eb9dc63b3fb809437a716aa228d24: Mentakrifkan tajuk elemen figure, yang sepatutnya diletakkan pada kedudukan elemen anak pertama atau terakhir elemen figure.

• f3a85e1241a187c5ac462d886e9a968b: Menunjukkan bahawa teks yang terkandung merujuk kepada rujukan, seperti tajuk buku atau majalah.

• fa57c8becaf0b8746ebae103568d6733: Tentukan rujukan blok, yang mempunyai ruang tersendiri.

• 1244aa79a84dea840d8e55c52dc97869: Petikan ringkas (isu merentas pelayar, cuba elakkan daripada menggunakannya).

• 46dd80ba616c57a652514755c74c4211: Atribut datetime mengikut format tertentu Jika atribut ini diabaikan, kandungan teks mestilah dalam format tarikh atau masa yang sah.

• 8a7974376be5f6c00c121222b727adb9: Singkatan atau singkatan.

• 7f9d788ef50b059a7f76f3d2e4ccc9d1: Unsur istilah definisi, yang mesti bersebelahan dengan takrifan serta-merta dan boleh digunakan dalam elemen dl senarai penerangan.

• 208700f394e4cf40a7aa505373e0130b: Maklumat hubungan (alamat e-mel, pautan ke halaman hubungan) untuk pengarang, orang atau organisasi yang berkaitan.

• 823db3943044a0a9a620ada8d4b1d965: Kandungan dialih keluar.

• 426be984ffbbb815d7d88e3543a85d91: Menambah kandungan.

• ffbe95d20f3893062224282accb13e8f: kod teg.

• 49c6123c49c6be380cb91db06cd3bfa9: Mentakrifkan ukuran skalar dalam julat yang diketahui atau nilai pecahan. (Internet Explorer tidak menyokong tag meter)

• 6ecb87e5318a36c03c59e25d55f43372: Mentakrifkan kemajuan berjalan (proses).

Untuk lebih banyak tutorial berkaitan, sila lawati Tutorial video HTML5