Komentar: Karena kurangnya struktur, bahkan halaman HTML yang baik sulit ditangani. Tingkat judul harus dianalisis untuk melihat bagaimana setiap bagian dibagi. Sidebar, footer, header, bilah navigasi, area konten utama dan artikel diwakili oleh elemen div umum. HTML 5 telah menambahkan elemen baru untuk mengidentifikasi struktur umum ini: · Sectio
Karena kurangnya struktur, bahkan halaman HTML yang baik pun sulit ditangani. Tingkat judul harus dianalisis untuk melihat bagaimana setiap bagian dibagi. Sidebar, footer, header, bilah navigasi, area konten utama dan artikel diwakili oleh elemen div umum. HTML 5 menambahkan elemen baru untuk mengidentifikasi struktur umum ini:
· Bagian: Ini bisa berupa bab atau bagian dalam buku ini, dan sebenarnya bisa apa saja dengan judulnya sendiri di HTML 4
· 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.
Mari kita pertimbangkan beranda blog khas, yang memiliki header di bagian atas dan footer di bagian bawah, serta beberapa artikel, area navigasi dan bilah samping, lihat halaman 1 halaman blog khas
<Html>
<head>
<title> mokka mit schlag </iteme>
</head>
<body>
<Div id = page>
<Div id = header>
<h1> <a href => mokka mit schlag </a> </h1>
</div>
<Div id = container>
<Div ID = Center Class = Column>
<Div class = post id = post-1000572>
<h2> <a href =
/Blog/Birding/2007/04/23/Spring-Comes-and-goes-in-sussex-county/>
Spring Comes (dan Goes) di Sussex County </a> </h2>
<Div class = entri>
<p> Kemarin saya bergabung dengan Brooklyn Bird Club untuk kami
Perjalanan Tahunan ke New Jersey Barat, khususnya Hyper
Humus, hot spot yang relatif ditemukan baru -baru ini. Dia
dimulai sebagai pagi musim dingin yang menyenangkan saat kami tiba
Di situs pukul 7:30 pagi, berkembang menjadi melompat -lompat
10:00 pagi, dan mencapai awal musim panas pada 10:15. </p>
</div>
</div>
<Div class = post id = post-1000571>
<h2> <a href =
/Blog/Birding/2007/04/23/Tapi-Do-it-count-for-your-life-list/>
Tapi apakah itu diperhitungkan untuk daftar hidup Anda? </a> </h2>
<Div class = entri>
<p> Sepertinya Anda sekarang bisa pergi <a
href =
2007/04/cone_sf> mengamati burung melalui internet </a>. SAYA
Belum dapat mengujinya (20 pengguna
batas rupanya) tetapi ini pasti keren.
Secara pribadi, saya tidak bisa membayangkan itu menggantikan
Sebenarnya berada di lapangan dengan jumlah kecil.
Di sisi lain, saya selalu menemukannya
Sedih bertemu dengan para pemirung senior yang tidak lagi mampu
Pegang teropong stabil atau sampai ke taman. Saya bisa
Bayangkan ini mungkin menarik bagi mereka. Pada
setidaknya satu burung tua melakukan tahun besar di TV, setelahnya
Dia tidak bisa lagi keluar. Ini tentu saja
Atas itu. </p>
</div>
</div>
</div>
<Div class = navigasi>
<Div class = Alignleft>
<a href =/blog/halaman/2/> «_fcksavedurl =/blog/halaman/2/>« entri sebelumnya </a>
</div>
<Div class = alignright> </div>
</div>
</div>
<Div ID = kelas kanan = kolom>
<ul id = sidebar>
<li> <h2> info </h2>
<ul>
<li> <a href =/blog/komentar-policy/> Kebijakan komentar </a> </li>
<li> <a href =/blog/todo-list/> daftar toDo </a> </li>
</ul> </li>
<li> <h2> arsip </h2>
<ul>
<li> <a href = '/blog/2007/04/'> April 2007 </a> </li>
<li> <a href = '/blog/2007/03/'> Maret 2007 </a> </li>
<li> <a href = '/blog/2007/02/'> Februari 2007 </a> </li>
<li> <a href = '/blog/2007/01/'> Januari 2007 </a> </li>
</ul>
</li>
</ul>
</div>
<Div id = footer>
<p> Hak Cipta 2007 Elliotte Rusty Harold </p>
</div>
</div>
</body>
</html>
Bahkan dengan lekukan yang benar, div bersarang ini masih terasa sangat membingungkan. Dalam HTML 5, elemen -elemen ini dapat diganti dengan elemen semantik, lihat kode 2 halaman blog tipikal yang ditulis dalam html5
<Html>
<head>
<title> mokka mit schlag </iteme>
</head>
<body>
<Header>
<h1> <a href => mokka mit schlag </a> </h1>
</teader>
<section>
<martikel>
<h2> <a href =
/Blog/Birding/2007/04/23/Spring-Comes-and-goes-in-sussex-county/>
Spring Comes (dan Goes) di Sussex County </a> </h2>
<p> Kemarin saya bergabung dengan Brooklyn Bird Club untuk kami
Perjalanan Tahunan ke New Jersey Barat, khususnya Hyper
Humus, hot spot yang relatif ditemukan baru -baru ini. Dia
dimulai sebagai pagi musim dingin yang menyenangkan saat kami tiba di
Situs pukul 7:30 pagi, berkembang menjadi musim semi sekitar pukul 10:00
AM, dan mencapai awal musim panas pada 10:15. </p>
</artikel>
<martikel>
<h2> <a href =
/Blog/Birding/2007/04/23/Tapi-Do-it-count-for-your-life-list/>
Tapi apakah itu diperhitungkan untuk daftar hidup Anda? </a> </h2>
<p> Sepertinya Anda sekarang bisa pergi <a
href =
2007/04/cone_sf> mengamati burung melalui internet </a>. SAYA
Belum dapat mengujinya (20 pengguna
batas rupanya) tetapi ini pasti keren.
Secara pribadi, saya tidak bisa membayangkan itu menggantikan
Sebenarnya berada di lapangan dengan jumlah kecil.
Di sisi lain, saya selalu menemukannya
Sedih bertemu dengan para pemirung senior yang tidak lagi mampu
Pegang teropong stabil atau sampai ke taman. Saya bisa
Bayangkan ini mungkin menarik bagi mereka. Pada
setidaknya satu burung tua melakukan tahun besar di TV, setelahnya
Dia tidak bisa lagi keluar. Ini tentu saja
Atas itu. </p>
</artikel>
<av>
<a href =/blog/halaman/2/> «_fcksavedurl =/blog/halaman/2/>« entri sebelumnya </a>
</sav>
</section>
<av>
<ul>
<li> <h2> info </h2>
<ul>
<li> <a href =/blog/komentar-policy/> Kebijakan komentar </a> </li>
<li> <a href =/blog/todo-list/> daftar toDo </a> </li>
</ul> </li>
<li> <h2> arsip </h2>
<ul>
<li> <a href = '/blog/2007/04/'> April 2007 </a> </li>
<li> <a href = '/blog/2007/03/'> Maret 2007 </a> </li>
<li> <a href = '/blog/2007/02/'> Februari 2007 </a> </li>
<li> <a href = '/blog/2007/01/'> Januari 2007 </a> </li>
</ul>
</li>
</ul>
</sav>
<footer>
<p> Hak Cipta 2007 Elliotte Rusty Harold </p>
</footer>
</body>
</html>
Sekarang tidak ada div yang diperlukan. Anda tidak perlu lagi mengatur atribut kelas sendiri, dan Anda dapat menyimpulkan makna setiap bagian dari nama elemen standar. Ini sangat penting untuk browser audio, browser seluler dan browser non-standar lainnya.
(untuk dilanjutkan)