Komentar: Struktur HTML lebih jelas dan lebih terstandarisasi, dan pelajari gagasan struktur optimasi HTML5. HTML5 telah menambahkan beberapa elemen baru untuk mengidentifikasi struktur yang umum digunakan. HTML lebih semantik, tetapi kami tidak dapat menggunakannya secara langsung, dan kami harus menunggu selama sepuluh atau delapan tahun bahkan jika itu mungkin. Ini seperti format mikro, gunakan kelas sebagai gantinya, atau klik sesuka hati, gunakan ID dan nama kelas untuk membuat struktur Anda lebih jelas
Struktur HTML lebih jelas dan lebih terstandarisasi, dan mempelajari gagasan struktur optimasi HTML5.HTML5 telah menambahkan beberapa elemen baru untuk mengidentifikasi struktur yang umum digunakan. HTML lebih semantik, tetapi kami tidak dapat menggunakannya secara langsung, dan kami harus menunggu selama sepuluh atau delapan tahun bahkan jika itu mungkin.
Ini seperti format mikro, menggunakan kelas sebagai gantinya, atau klik sesuka hati, menggunakan ID dan nama kelas sebagai gantinya, membuat struktur Anda lebih jelas, dan dapat dipromosikan menjadi standar, membuat kolaborasi tim lebih halus.
Beberapa penanda struktural baru
◎ Bagian: Ini bisa berupa bab atau bagian dalam buku ini, dan sebenarnya bisa apa saja dengan judulnya sendiri di HTML4
◎ Header: header yang ditampilkan di halaman; itu berbeda dari elemen kepala
◎ footer: footer; dapat menampilkan tanda tangan dalam email
◎ Nav: Satu set tautan ke halaman lain
◎ Artikel: Artikel di blog, majalah, kompilasi artikel, dll.
Beberapa contoh
Struktur dokumen HTML5
<Header> ... </header>
<av> ... </av>
<martikel>
<section> ... </section>
</artikel>
<sendeng> ... </side>
<footer> ... </footer>
Struktur dokumen XHTML
<vid = header> header </div>
<Divid = nav> nav </div>
<DivClass = artikel>
<DivClass = bagian> bagian </div>
</div>
<Divid = end SIGNED> SESUAI </SIV>
<Divid = footer> footer </div>
Struktur gambar HTML5
<figureD = gbr2>
<fegend> figure2.installmozillaxformsdialog </agendang>
<imgalt = AWEBSITEIsSlestasi Izin untuk menginstal the followingItem: mozillaxForms0.7unsignedsrc = installDialog.jpg/>
</tigur>
Struktur gambar xhtml
<divlass = figure>
<h4class = legend> figure2.installmozillaxformsdialog </h4>
<imgalt = AWEBSITEIsSlestasi Izin untuk menginstal the followingItem: mozillaxForms0.7unsignedsrc = installDialog.jpg/>
</div>
Tagging html5
Elemen M berarti bahwa teks ditandai, tetapi tidak harus ditekankan. Anggap saja sebagai bagian yang disorot dalam buku ini.
Halaman yang di -cache Google adalah kasus penggunaan yang khas. Jika terhubung ke salinan yang di -cache, istilah pencarian ditandai. Misalnya, jika Anda mencari Egret, halaman Google yang di -cache mungkin terlihat seperti ini:
The Great <m> egret </m> (alsoknownastheamerican <m> egret </m>) isalarge burung whitewading ditemukan di seluruh dunia. The Great <m> egret </m> terbang dengan melambat. Egret </span> (Alsoknownastheamerican <spanclass = m> egret </span>) isalarge burung whitewading ditemukan di seluruh dunia. Hebat <spanclass = m> egret </span> terbang dengan slowing beat.