Berikut adalah table Tag dan Deskripsinya:
Tag | Description |
---|---|
<abbr> | Menandai singkatan atau akronim |
<address> | Menandai informasi kontak untuk penulis/pemilik dokumen |
<bdo> | Menentukan arah teks |
<blockquote> | Menandai bagian yang dikutip dari sumber lain |
<cite> | Menandai judul sebuah karya |
<q> | Menandai kutipan singkat dalam satu baris teks |
<abbr> : Singkatan
Elemen <abbr>
digunakan untuk mendefinisikan singkatan atau akronim, dan memberikan cara untuk menawarkan informasi tambahan melalui atribut title
. Ini sangat berguna untuk aksesibilitas dan SEO.
Contoh:
<p><abbr title="Organisasi Kesehatan Dunia">WHO</abbr> telah merilis panduan kesehatan baru.</p>
Dalam contoh ini, ketika pengguna mengarahkan kursor ke “WHO,” istilah lengkap “Organisasi Kesehatan Dunia” akan ditampilkan.
Hasilnya:
<address>: Informasi Kontak
Elemen <address>
digunakan untuk mendefinisikan informasi kontak penulis atau pemilik dokumen. Elemen ini sering kali menampilkan teks dalam format miring.
Contoh:
<address>
Hubungi kami di: <a href="mailto:[email protected]">[email protected]</a><br>
Jl. Developer Web No. 123, Kota Kode, Webland
</address>
Elemen <address>
ini secara semantik berarti dan membantu mesin pencari memahami bahwa konten tersebut terkait dengan informasi kontak.
Hasilnya:
<bdo>: Pengaturan Arah Teks
Elemen <bdo>
(Bi-Directional Override) digunakan untuk mengatur ulang arah teks saat ini, yang sangat berguna untuk bahasa yang ditulis dengan arah berbeda, seperti bahasa Arab atau Ibrani.
Contoh:
<p><bdo dir="rtl">Teks ini akan ditampilkan dari kanan ke kiri.</bdo></p>
Dalam contoh ini, teks dalam tag <bdo>
akan ditampilkan dari kanan ke kiri, terlepas dari arah teks dokumen yang default.
Hasilnya:
<blockquote>: Kutipan Blok
Elemen <blockquote>
digunakan untuk menandai bagian teks yang merupakan kutipan langsung dari sumber lain. Elemen ini biasanya akan menampilkan teks yang dikutip dengan indentasi, sehingga terlihat berbeda dari konten lainnya.
<blockquote cite="https://contoh.com/artikel">
"Masa depan dimiliki oleh mereka yang percaya pada keindahan impian mereka."
</blockquote>
Dalam contoh ini, kutipan diambil dari URL tertentu yang bisa dicantumkan dalam atribut cite
.
hasilnya:
<cite>: Sitasi
Elemen <cite>
digunakan untuk merujuk pada judul suatu karya, seperti buku, artikel, atau film. Elemen ini sering kali ditampilkan dalam format miring.
Contoh:
<p>Salah satu buku favorit saya adalah <cite>The Great Gatsby</cite> karya F. Scott Fitzgerald.</p>
Tag ini membantu menjelaskan bahwa “The Great Gatsby” adalah judul sebuah karya, bukan sekadar teks biasa.
Hasilnya:
<q>: Kutipan Inline
Elemen <q>
digunakan untuk kutipan singkat yang berada dalam satu baris teks. Berbeda dengan <blockquote>
, elemen <q>
digunakan untuk kutipan yang merupakan bagian dari alur teks dan biasanya ditampilkan dengan tanda kutip otomatis.
Contoh:
<p>Seperti yang pernah dikatakan oleh Albert Einstein, <q>Imaginasi lebih penting daripada pengetahuan.</q></p>
Di sini, kutipan tersebut terintegrasi dalam paragraf tanpa memecah alur teks, dan sebagian besar browser akan otomatis menambahkan tanda kutip di sekelilingnya.
Hasilnya:
Kesimpulan
Memahami dan menggunakan elemen-elemen HTML seperti <blockquote>
, <q>
, <abbr>
, <address>
, <cite>
, dan <bdo>
dapat meningkatkan kejelasan, aksesibilitas, dan makna semantik dari konten web Kamu. Baik Kamu sedang mengutip teks, mencantumkan sumber, mendefinisikan singkatan, atau bekerja dengan arah teks yang berbeda, elemen-elemen ini menyediakan alat yang diperlukan untuk menyusun konten Kamu dengan efektif.