Tag Article pada HTML5 dan Fungsinya
Tag <article> adalah salah satu elemen section terbaru pada HTML5. Tag <article> pada HTML digunakan untuk merepresentasikan artikel. Secara khusus, konten yang terdapat dalam tag <article> berdiri sendri dari konten lainnya dari situs meskipun hal tersebut saling berkaitan satu sama lain. Dengan kata lain, elemen artikel merepresentasikan sebuah komponen dari sebuah halaman yang terdiri dari komposisi mandiri pada sebuah dokumen, halaman, atapun situs.
Potensi penggunaan elemen article pada web adalah:
Tag Article Sebagian Besar Sering Digunakan pada Dua Konteks:
 |
| Ilustrasi Tag Article HTML5 |
Sebelum memahami lebih dalam materi tentang Tag Article pada HTML5 dan Fungsinya, terlebih dahulu pelajari materi tentang: Fitur Unggulan pada HTML5 [klik], Entitas Reserved HTML dan Fungsinya [klik], dan Elemen Kode Komputer HTML dan Fungsinya [klik].
- Halaman website dengan konten majalah atau artikel berita.
- Entri blog.
- Post forum.
- Komentar yang diberikan oleh pengguna.
Tag Article Sebagian Besar Sering Digunakan pada Dua Konteks:
- Pada sebuah laman potongan kecil pada konten, sebuah elemen tunggal <article> dapat digunakan untuk memiliki konten utama dan membakukannya dari sisa halaman yang lain.
- Pada halaman yang terdiri lebih dari satu halaman konten seperti laman indek blog, laman hasil pencarian, laman kategori, dan news feed, multiple elemen <article> dapat digunakan untuk mengandung setiap bagian kecil dari konten-konten tersebut.
Dengan kata lain hal ini mirip dengan elemen <div> yang juga menampilkan gaya kerja yang sama. Penggunaan elemen <article> akan membuat informasi yang dibaca pada layar terlihat lebih sistematis ketimbang menggunakan elemen <div>.
Baca Juga:
Pengaturan default CSS: kebanyakan browser akan menampilkan elemen article dengan diserta nilai berikut ini.
<article> {display:block;}
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Contoh Penerapan
</title>
</head>
<body>
<article
style=
"width: 300px;
border: 2px solid gray;
padding: 10px;
border-radius: 10px;
margin:5px;">
<img
src=
"https://1.bp.blogspot.com/-mhjmreJwUG4/YGfcp6l6BxI/AAAAAAAANpQ/qBy8tiBe1qMEtMDBHUXM1yhhkhgPGUmPgCLcBGAsYHQ/s2048/logo%2Bsman%2B8%2Bsemarang.png"
alt=""
width="300"
height="250"
class="alignnone size-medium wp-image-560930" />
<h1>
ElfanMauludi
</h1>
<p>
Kegiatan apa yang menghilangkan stres?
Jawab, mengupas kacang.
Karena dengan mengupas kacang akan
menghilangkan PEANUT.
.</p>
</article>
</body>
</html>
Output:
ElfanMauludi
Kegiatan apa yang menghilangkan stres? Jawab, mengupas kacang. Karena dengan mengupas kacang akan menghilangkan PEANUT.
Referensi Tambahan:
- 2 Contoh Cara Mudah Mengatur Figcaption HTML5 [klik]
- Cara Mudah Menambahkan Ilustrasi atau Foto Menggunakan Tag Figure HTML5 [klik]
- 2 Contoh Sederhana Cara Mendefinisikan Footer pada HTML5 [klik]
- 6 Kegunaan Utama Tag Header pada HTML5 [klik]
- 2 Atribut Utama Tag Progress pada HTML5 [klik]
- Cara Mudah Menyediakan Tanda Kurung pada Teks HTML5 Menggunakan Tag RP [klik]
- 2 Contoh Penggunaan Tag Mark pada HTML5 [klik]
Artikel ini didedikasikan kepada: Dwi Pratiwiningrum, Fahrunisa Rahma Dewi, Heru Prasetyo, Ika Putri Rohmatussa'Diyah, dan Indra Yoga Saputra.
Apa yang dimaksud dengan tag artickle pada html?
BalasHapusTag Artickle pada HTMl digunakan untuk mendefinisikan konten mandiri independen dalam suatu dokumen, halaman, aplikasi, ataupun situs. Konten tag artickle bersifat independen dan lengkap dari konten lainnya yang ditampilkan pada suatu halaman website. Tag ini umumnya digunakan pada bentuk postingan forum, postingan blog, cerita, berita, komentar, dan lain sebagainya.
HapusTag artickle pada html dapat digunakan dalam bentuk forum post, blog entry, artikel majalan, artikel koran, komentar pengguna, ataupun item konten independen.
HapusBerarti tag ini lebih spesifik untuk gaya pernulisan artikel HTML?
BalasHapusTag artickle memang digunakan untuk penulisan dalam format yang telah disebutkan sebelumnya. Namun tidak menutup kemungkinan untuk bentuk-bentuk penulisan atau penyajian lainnya pada html.
Hapus