Struktur dan semantik HTML5 (2): Structure_html5 kemahiran tutorial

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.

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

Maklumat


• 
  
  Dasar Komen
  
  Senarai Todo
  
  
  
Arkib


• 
  
  April 2007
  
  Mac 2007
  
  Februari 2007
  
  Januari 2007
  
  
  
  

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

"/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

• Dasar Komen

  
  
  
  
  • Senarai Todo
  
  
  Arkib
  



• April 2007

  
  
  
  
  • Mac 2007
  
  
  • Februari 2007
  
  Januari 2007
  
  
  
  
  
  

Hak Cipta 2007 Elliotte Rusty Harold

Kini div tidak lagi diperlukan. Anda tidak perlu lagi menetapkan atribut kelas sendiri, maksud setiap bahagian boleh disimpulkan daripada nama elemen standard. Ini amat penting untuk penyemak imbas audio, penyemak imbas mudah alih dan penyemak imbas bukan standard yang lain.
　

　(Bersambung)