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.

Belajar HTML - Cara Kerja Tag Article


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.

Tampilkan Komentar

Mohon untuk menggunakan bahasa yang baik dan benar.
EmoticonEmoticon