Belajar HTML - Cara Kerja Tag Article

Belajar HTML - Cara Kerja Tag Article - Tag <article> mengidentifikasikan bagian konten mandiri yang secara teoritis dapat disalurkan ke situs web dan platform lainnya sebagai unit yang mandiri juga. Tag <article> menjadi milihan yang baik untuk memuat seluruh posstingan blog, artikel atau konten web lainnya yang serupa.

Display : Block.

Penggunaan  : Semantic | Structural.


Tag <article> adalah salah satu elemen Semantik baru yang diperkenalkan HTML5

Tag <article> mewakili bagian konten yang membentuk bagian yang mandiri terhadap dokumen atau situs. Misalnya surat kabar, postingan blog atau artikel majalah.

Tag <article> paling sering digunakan saat kondisi :

• Di halaman web dengan satu konten, satu tag <article> bisa digunakan untuk memuat konten utama dan menonaktifkan sistem halaman yang biasanya ada di website berita.
• Di halaman web dengan banyak bagian konten (indeks, hasil pencarian, kategori, dll), tag tersebut digunakan untuk memuat setiap bagian konten)

Pada dasarnya, secara fungsional  tag <article> mirip dengan tag <div>. Namun, jika kamu lebih memilih menggunakan tag <article> daripada tag <div>, tag tersebut akan memberikan lebih banyak informasi Semantik ke pengunjung, mesin pencari dan aplikasi pihak ketiga.

Contoh penggunaan tag <article> - Multiple

Contoh penggunaan tag <article> - Single

Browser yang mendukung tag Article

• Internet Explorer.
• Mozilla Firefox.
• Google Chrome.
• Microsoft Edge.
• Safari.
• Opera.