masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

Rumah > hujung hadapan web > Tutorial H5 > Struktur dan semantik HTML5 (2): Structure_html5 kemahiran tutorial

Struktur dan semantik HTML5 (2): Structure_html5 kemahiran tutorial

WBOY

Lepaskan： 2016-05-16 15:51:47

asal

1226 orang telah melayarinya

Malah halaman HTML yang dibentuk dengan baik mungkin sukar untuk diproses kerana kekurangan struktur. Tahap tajuk mesti dianalisis untuk melihat bagaimana bahagian dibahagikan. Bar sisi, pengaki, pengepala, bar navigasi, kawasan kandungan utama dan artikel individu semuanya diwakili oleh elemen div biasa. HTML 5 menambah beberapa elemen baharu secara khusus untuk mengenal pasti struktur biasa ini:
· bahagian: Ini boleh menjadi bab atau bahagian dalam buku, sebenarnya apa-apa sahaja yang mempunyai tajuk tersendiri dalam HTML 4
· pengepala: pengepala yang muncul pada halaman yang berasingan daripada elemen kepala Sama
· pengaki: pengaki; boleh memaparkan tandatangan dalam e-mel
· nav: satu set pautan ke halaman lain
· artikel: artikel dalam blog, majalah, kompilasi artikel, dsb.
Mari kita pertimbangkan halaman utama blog biasa, yang mempunyai pengepala di bahagian atas, pengaki di bahagian bawah, beberapa artikel, kawasan navigasi dan bar sisi Lihat Kod 1 untuk halaman blog biasa.

Mokka mit Schlag

"/blog/birding/2007/04/23/spring-comes-and-goes-in-sussex-county/">
Spring Comes (and Goes) in Sussex County

Semalam saya menyertai Brooklyn Bird Club untuk
perjalanan tahunan kami ke Western New Jersey, khususnya Hyper
Humus, tempat popular yang agak baru ditemui sebagai pagi musim sejuk yang indah apabila kami tiba
di tapak pada 7:30 A.M., menuju ke Musim Bunga sekitar
10:00 A.M., dan tiba pada awal musim panas pada 10:15

"/blog/birding/2007/04/23/but-does-it-count-for-your-life -list/"> Tetapi adakah ia dikira untuk senarai hidup anda?

Nampaknya anda kini boleh pergi href="http: //www.wired.com/science/discoveries/news/ 2007/04/cone_sf">memerhati burung melalui Internet
. Saya belum dapat mengujinya lagi (20 pengguna
had nampaknya) tetapi ini sudah tentu menarik.
Secara peribadi, saya tidak dapat bayangkan ia menggantikan
sebenarnya berada di padang dengan jumlah yang kecil.
Sebaliknya, saya sentiasa mendapati agak
sedih untuk bertemu dengan peminat burung senior yang tidak lagi dapat
memegang teropong dengan stabil atau pergi ke taman saya boleh
bayangkan ini mungkin menarik minat mereka Birder yang lebih tua melakukan tahun yang hebat di TV, selepas
dia tidak lagi dapat keluar begitu banyak. Ini pastinya
mengatasinya.

Hak Cipta 2007 Elliotte Rusty Harold

Walaupun dengan lekukan yang betul, div bersarang ini masih terasa sangat mengelirukan. Dalam HTML 5, elemen ini boleh digantikan dengan elemen semantik, lihat Kod 2 untuk halaman blog biasa yang ditulis dalam HTML5

Mokka mit Schlag

Mokka mit Schlag

"/blog/birding/2007/04 /23/spring-comes-and-goes-in-sussex-county/">
Spring Comes (and Goes) in Sussex County

Semalam saya menyertai Brooklyn Bird Club untuk
perjalanan tahunan kami ke Western New Jersey, khususnya Hyper
Humus, tempat panas yang agak baru ditemui Ia
bermula sebagai pagi musim sejuk yang indah apabila kami tiba di
tapak pada pukul 7:30. A.M., berkembang ke Spring sekitar 10:00
A.M., dan mencapai awal musim panas pada 10:15

"/blog/birding/2007/04/23/but-does-it-count-for-your-life-list/"> Tetapi adakah ia dikira untuk senarai hidup anda?

Nampaknya anda kini boleh pergi href="http://www.wired.com/science/discoveries/news/ 2007/04/cone_sf">memerhati burung melalui Internet Sebaliknya, saya selalu merasa agak sedih bertemu dengan pemburu burung senior yang tidak lagi dapat
memegang teropong dengan stabil atau sampai ke taman boleh
bayangkan ini mungkin menarik minat mereka Pada
sekurang-kurangnya seorang birder tua melakukan tahun besar di TV, selepas
dia tidak lagi dapat keluar begitu banyak
.

« _fksavedurl=""/blog/page/2/">«" Entri Sebelumnya

Maklumat
　(Bersambung)

Label berkaitan：

div href struktur Semantik

sumber：php.cn

Artikel sebelumnya：Kanvas HTML5 merealisasikan kesan khas kemahiran tutorial snowflakes_html5 yang jatuh Artikel seterusnya：Gunakan komponen pramuat imej mudah untuk meningkatkan pengalaman pengguna kemahiran tutorial _html5 halaman mudah alih html5

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

Artikel terbaru oleh pengarang