Analisis mendalam tentang perbedaan antara artikel dan bagian dalam HTML5

Blok konten mengacu pada unit yang membagi halaman HTML secara logis. Untuk halaman website, setiap bagian seperti menu navigasi, teks artikel, dan komentar artikel dapat disebut sebagai blok konten.

Elemen artikel mewakili konten independen dan lengkap dalam dokumen, halaman, atau aplikasi yang dapat dirujuk secara independen secara eksternal. Ini bisa berupa artikel blog atau surat kabar, postingan forum, komentar pengguna atau plug-in yang berdiri sendiri, atau konten lain yang berdiri sendiri. Selain isi, elemen artikel biasanya memiliki judulnya sendiri (biasanya ditempatkan di dalam elemen header) dan terkadang catatan kakinya sendiri.

 <article> <header> <h1>Judul</h1> <p>Tanggal terbit: <time pubdate=pubdate>2010/10/10</time></p> </header> <p>Cara menggunakan artikel </p> <footer> <p><small>Hak Cipta @ yiiyaa.net Semua Hak Dilindungi Undang-Undang</samll></p> </footer> </article>

Catatan: Elemen artikel dapat disarangkan, dan pada prinsipnya konten bagian dalam harus dikaitkan dengan konten luar. Misalnya, dalam postingan blog, komentar pada artikel dapat disarangkan menggunakan elemen artikel; elemen artikel yang digunakan untuk menyajikan komentar disertakan dalam elemen artikel yang mewakili konten secara keseluruhan.

Kode bersarangnya adalah sebagai berikut:

 <article> <header> <h1>Cara menggunakan elemen artikel</h1> <p>Tanggal publikasi: <time pubdate=pubdate>2010/10/10</time></p> </header> <p >Tag ini menampilkan konten utama keseluruhan artikel, dan elemen bagian di bawahnya berisi komentar pada artikel</p> <section> <h2>Komentar</h2> <article> <header> <h3>Diterbitkan oleh: maizi</h3> <p><time pubdate datetime=2016-6-14>1 jam yang lalu</time></p> </header> <p>Artikel ini sangat bagus, Berikan itu diacungi jempol! </p> </article> <article> <header> <h3>Diterbitkan oleh: Xiaoni</h3> <p><time pubdate datetime=2016-6-14T:21-26:00>1 jam yang lalu< / time></p> </header> <p>Artikel ini sangat bagus, menjelaskan artikel secara detail</p> </article> </section></article>

Contoh konten dibagi menjadi beberapa bagian, judul artikel ditempatkan pada elemen header, teks artikel ditempatkan pada elemen p setelah elemen header, dan kemudian elemen section membedakan teks dari komentar (merupakan elemen pemblokiran). digunakan untuk membagi konten pada halaman), di bagian Isi komentar tersemat pada elemen. Komentar setiap orang dalam komentar relatif independen dan lengkap, sehingga elemen artikel digunakan untuk semuanya. Elemen artikel pada komentar dapat dibagi menjadi judul dan komentar ditempatkan di elemen header dan elemen p masing-masing.

1. Elemen section digunakan untuk membagi konten pada halaman pada website atau aplikasi. Fungsi elemen section adalah untuk membagi konten pada halaman menjadi beberapa bagian, atau membagi artikel menjadi beberapa bagian;

2. Elemen bagian biasanya terdiri dari isi dan judulnya. Biasanya tidak disarankan menggunakan elemen bagian untuk konten yang tidak memiliki judul.

3. Elemen bagian bukan elemen wadah biasa; ketika konten perlu diberi gaya secara langsung atau perilaku ditentukan melalui skrip, disarankan untuk menggunakan p daripada elemen bagian;

4. Jika elemen artikel, nav, dan samping semuanya memenuhi kondisi tertentu, maka jangan gunakan elemen bagian untuk mendefinisikannya;

5. Konten dalam elemen bagian dapat disimpan secara terpisah dalam database atau dikeluarkan ke dokumen Word.

 <section> <h1>Judul </h1> elemen bagian <p>Bagian topik dari blok bagian</p> </section>

Dalam HTML5, Anda dapat memasukkan semua bagian bawahan halaman, seperti bilah navigasi, menu, pemberitahuan hak cipta, dll., ke dalam halaman terpadu sehingga dapat didekorasi menggunakan gaya CSS. Terakhir, pantangan dalam menggunakan elemen section dirangkum sebagai berikut:

1) Jangan gunakan elemen bagian sebagai wadah halaman bergaya, itulah tugas elemen p.

2) Jika elemen artikel, elemen samping, atau elemen nav lebih cocok digunakan, jangan gunakan elemen section.

3) Jangan gunakan elemen bagian untuk blok konten tanpa judul.

Sudah banyak yang dikatakan di atas, apa perbedaan keduanya? Faktanya, dalam HTML5, elemen artikel dapat dianggap sebagai jenis elemen bagian khusus, yang lebih menekankan independensi daripada elemen bagian. Artinya, unsur section menekankan segmentasi atau chunking, sedangkan article menekankan independensi. Secara khusus, jika suatu konten relatif independen dan lengkap, Anda sebaiknya menggunakan elemen artikel, tetapi jika Anda ingin membagi suatu konten menjadi beberapa paragraf, Anda harus menggunakan elemen bagian. Selain itu, dalam HTML5, elemen p menjadi sebuah wadah. Saat menggunakan gaya CSS, gaya CSS keseluruhan dapat diterapkan ke wadah ini.

Di atas adalah perbedaan antara artikel dan bagian dalam HTML5 yang diperkenalkan oleh editor. Saya harap ini dapat membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan pesan kepada saya dan editor akan membalas Anda tepat waktu. Saya juga ingin mengucapkan terima kasih kepada semua orang atas dukungan Anda terhadap situs seni bela diri VeVb!