Penjelasan terperinci tentang teg baharu dan teg biasa dalam kemahiran tutorial HTML5_html5

Hari ini saya akan memperkenalkan elemen struktur baharu HTML5 Ada yang sering digunakan, dan ada yang tidak digunakan Walaupun penampilannya menjadikan halaman lebih semantik dan lebih baik untuk SEO, sebenarnya, apabila halaman itu melumpuhkan gaya. pembentangan tidak berbeza daripada divs Sesetengah pelajar mungkin mengatakan bahawa kerana mereka adalah sama dan ia tidak menjejaskan pembentangan akhir halaman, tidak mengapa jika kedua-dua artikel dan bahagian boleh digunakan. Jika anda menganggap projek sebenar untuk pengguna, saya fikir begitu juga, tetapi sebagai pemfaktor semula, kita masih perlu menjadi lebih profesional, dan kemudian mempertimbangkan kebolehaksesan, maka peranan tag html5 akan menjadi lebih jelas. Jadi saya menyemak kandungan dan merekodkannya di blog saya, berkongsi dengan semua orang supaya saya dapat mencarinya kemudian.

Elemen struktur baharu HTML5 dibahagikan kepada elemen struktur utama dan elemen struktur bukan utama

1. Elemen struktur utama termasuk artikel, bahagian, nav, tepi, masa
2 artikel
teg artikel, dari segi semantik, ialah dokumen atau halaman penggunaannya adalah seperti berikut:

Biasanya artikel, halaman, modul kandungan bebas dan lengkapIa biasanya mempunyai tajuk dan diletakkan di dalam tag pengepala

Elemen artikel boleh bersarang antara satu sama lain

Ia digunakan dengan sangat kerap . Tekankan kebebasan dan lebih memberi perhatian kepada penggunaan tag pengepala.

Salin kod

Kod tersebut adalah seperti berikut:

Saya ialah teg

Saya ialah perenggan

Kandungan saya

bahagian

teg bahagian , Dari segi semantik, ia adalah sebahagian, dan penggunaannya adalah seperti berikut:
Digunakan untuk pembahagian kandungan halaman yang bebas, selalunya bahagian artikel Biasanya terdiri daripada kandungan dan tajuk Kandungan tanpa tajuk tidak disyorkan Bahagian jarang digunakan dan menekankan pembahagian dan penggumpalan.

Nota: Buku "Panduan Definitif untuk HTML5 dan CSS3" menyatakan: Apabila bekas perlu digayakan atau skrip mentakrifkan tingkah laku, adalah disyorkan untuk menggunakan div dan bukannya bahagian Jangan gunakan bahagian sebagai bekas untuk ditetapkan gaya.

Salin kod

Kod tersebut adalah seperti berikut:

Buah

Epal

Siapa Jack Ma

Jack Ma, lelaki, dilahirkan pada 15 Oktober 1964 di Hangzhou, Wilayah Zhejiang , seorang usahawan terkenal China, pengasas Kumpulan Alibaba, Taobao dan Alipay......

Rujukan

Baidu, Wikipedia...

• Blog Lao Zhao


• Blog Gui Ge
;li>Blog Pakcik Biao

< ;/aside>


masa
teg masa, secara semantik, adalah penggunaannya seperti berikut: Mewakili detik tertentu dalam 24 jam atau tarikh tertentu

Membenarkan perbezaan masa apabila mewakili detik
Boleh menentukan tarikh dan masa dalam banyak format
Jarang digunakan.

Salin kodKodnya adalah seperti berikut:

6 Mac 2014

6 Mac 2014 20:00

2. Struktur bukan subjek elemen

header
teg pengepala, dari segi semantik, ialah pengepala dokumen penggunaannya adalah seperti berikut: Elemen struktur dengan fungsi panduan dan navigasi

Biasanya diletakkan pada keseluruhan halaman atau tajuk blok kandungan dalam halaman
Tiada had untuk bilangan tag pengepala dalam halaman web
Kekerapan penggunaan Sangat tinggi dan agak mudah difahami.

Salin kodKodnya adalah seperti berikut:

Saya adalah kepala besar

Saya adalah leher

Saya adalah badan

hgroup
teg hgroup, Dari segi semantik, ia ialah kumpulan tajuk, dan penggunaannya adalah seperti berikut: Sebagai elemen anak teg pengepala

Gunakan hgroup hanya apabila modul kandungan menyertakan tajuk utama dan sekurang-kurangnya satu sari kata
Biasanya kumpulan h1~h6 elemen
Sangat digunakan.

Salin kodKod tersebut adalah seperti berikut:

Saya Liu Bei

Saya Guan Yu

< am Zhang Fei

Lu Bu terkedu

footer
teg pengaki, dari segi semantik, ialah nota kaki dokumen tersebut adalah seperti berikut:

Nota kaki dalam kawasan blok kandungan
Biasanya kandungan adalah maklumat hubungan, bacaan berkaitan, maklumat hak cipta, dll.
Ia kerap digunakan dan agak mudah difahami.

Salin kod

Kod tersebut adalah seperti berikut:

Lu Bu terpegun

• Tentang Tiga Kerajaan


• maklumat< /li>
  
• Panduan Permainan

alamat
teg alamat, dari segi semantiknya, ialah penggunaannya seperti berikut:

Digunakan untuk maklumat hubungan yang dibentangkan dalam dokumen
Biasanya kandungan adalah pengarang, pautan tapak web, alamat e-mel, alamat, nombor telefon, dll.
Jarang digunakan.

Salin kod

Kod tersebut adalah seperti berikut:

Pengarang: Zhang Sanfeng
Alamat: Gunung Wudang
Maklumat hubungan：1247

Saya harap artikel ini dapat memberikan sedikit panduan untuk semua orang dalam penggunaan tag struktur html5 Jika anda mendapati sebarang ralat dalam kandungan, anda dialu-alukan untuk membetulkan saya~