Rumah > hujung hadapan web > Tutorial H5 > Penjelasan terperinci tentang teg baharu dan teg biasa dalam kemahiran tutorial HTML5_html5

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

WBOY
Lepaskan: 2016-05-16 15:48:18
asal
1430 orang telah melayarinya

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 lengkap
Ia 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...






< ;/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:



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:

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~

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Cadangan popular
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan