Kemahiran tutorial standardization_html5 berstruktur semantik HTML5

Struktur HTML lebih jelas dan lebih standard, pelajari idea struktur pengoptimuman HTML5.
HTML5 menambah beberapa elemen baharu untuk menandakan struktur yang biasa digunakan, menjadikan html lebih semantik, tetapi kami tidak boleh menggunakannya secara langsung, dan walaupun boleh menggunakannya, ia akan mengambil masa sepuluh atau lapan tahun.
Ia seperti format mikro, sebaliknya gunakan kelas atau berasa bebas untuk menggunakan id dan nama kelas sebaliknya untuk menjadikan struktur anda lebih jelas dan mempromosikannya sebagai standard untuk menjadikan kerjasama pasukan lebih lancar.
Beberapa teg struktur baharu
◎bahagian: Ini boleh menjadi bab atau bahagian dalam buku, benar-benar apa sahaja yang mempunyai tajuk tersendiri dalam HTML4
◎pengepala: pengepala dipaparkan pada halaman; berbeza daripada elemen kepala
◎footer: footer; boleh memaparkan tandatangan dalam e-mel
◎nav: satu set pautan ke halaman lain
◎artikel: Artikel dalam blog, majalah, penyusunan artikel, dsb.
Beberapa contoh
struktur dokumen HTML5

...

...

...

...

...

Struktur dokumen XHTML
kepala
nav

bahagian

ketepikan
pengaki
Struktur imej HTML5

Rajah2.InstallMozillaXFormsdialog

Struktur imej XHTML

Rajah2.InstallMozillaXFormsdialog


Penanda HTML5

Elemen m menunjukkan bahawa teks itu "ditanda", tetapi ia tidak semestinya perlu ditekankan. Fikirkannya seperti bahagian yang diserlahkan dalam buku.
Halaman cache Google ialah kes penggunaan biasa. Jika memaut ke salinan cache, istilah carian dibenderakan. Contohnya, jika anda mencari "Egret", halaman Google yang dicache mungkin kelihatan seperti ini:
TheGreatEgret(juga dikenali sebagai theAmericanEgret)isargewhitewadingbirdditemui di seluruh dunia.TheGreatEgretflies withslowwingbeats american(juga dikenali sebagai theGreatEgret. ditemui di seluruh dunia .TheGreatEgretterbang dengan degupan perlahan.