Penjelasan terperinci tentang perbedaan antara div, bagian dan artikel di HTML5

Artikel ini terutama memperkenalkan rincian perbedaan antara div, bagian dan artikel di HTML5. Itu dikutip dari W3C dan terdaftar dengan contoh kode. Teman yang membutuhkannya bisa merujuknya.

Ketika saya pertama kali mulai bersentuhan dengan HTML5, saya sangat tidak nyaman dengan labelnya dan bahkan merasa sedikit jijik pada satu titik. Khusus untuk div, bagian, tag artikel, saya benar -benar tidak tahu kesempatan apa yang akan digunakan.

HTML Spec:

Elemen Div tidak memiliki arti khusus sama sekali.

Tag ini adalah tag yang paling umum digunakan dan paling sering kami lihat. Ia tidak memiliki semantik itu sendiri, dan digunakan sebagai pengait untuk tata letak dan gaya atau skrip.

HTML Spec: Elemen bagian mewakili bagian generik dari dokumen atau aplikasi. Bagian, dalam konteks ini, adalah pengelompokan konten tematik, biasanya dengan judul.

Berbeda dengan semantik Div, bagian Simply adalah div dengan semantik, tetapi jangan berpikir itu sesederhana itu. Bagian mewakili bagian dari konten topikal, biasanya dengan judul. Setelah melihat ini, kita mungkin berpikir itu bukan posting blog atau komentar terpisah yang tepat untuk menggunakan bagian? Tampilan berikutnya:

Penulis didorong untuk menggunakan elemen artikel alih -alih elemen bagian ketika masuk akal untuk sindikat isi elemen.

Ketika isi elemen lebih bermakna, sebuah artikel harus digunakan untuk mengganti bagian.

Jadi, kapan bagian harus digunakan? Mari kita terus melihat:

Contoh bagian adalah bab, berbagai halaman tab dalam kotak dialog tab, atau bagian bernomor tesis. Halaman beranda situs web dapat dibagi menjadi beberapa bagian untuk pengantar, item berita, dan informasi kontak.

Skenario tipikal untuk aplikasi bagian termasuk bab -bab artikel, halaman tab di kotak dialog tag, atau bagian bernomor di kertas. Beranda situs web dapat dibagi menjadi beberapa bagian seperti pengantar, berita dan informasi kontak. Sebenarnya, saya sangat tertarik untuk menyampaikan informasi di sini, karena saya merasa bagian itu dan artilce yang akan diperkenalkan di bawah ini lebih cocok untuk aplikasi modular. Topik ini akan dibahas di masa depan, dan saya akan melewatkannya di sini untuk saat ini.

Ketahuilah bahwa W3C juga memperingatkan:

Elemen bagian bukan elemen wadah generik. Ketika suatu elemen diperlukan untuk keperluan gaya atau sebagai kenyamanan untuk skrip, penulis didorong untuk menggunakan elemen div sebagai gantinya. Aturan umum adalah bahwa elemen bagian hanya sesuai jika konten elemen akan terdaftar secara eksplisit dalam garis besar dokumen.

Bagian lebih dari sekedar tag wadah normal. Ketika tag hanya untuk gaya atau mudah digunakan dalam skrip, Div harus digunakan. Secara umum, bagian berlaku ketika konten elemen secara eksplisit muncul dalam garis besar dokumen.