Referensi HTML

Kutipan (Quotation)

Ini adalah kutipan dari kutipan situs web WWF:

Selama lima puluh tahun, WWF selalu berkomitmen untuk melindungi masa depan alam. Organisasi lingkungan hidup terkemuka di dunia, WWF bekerja di 100 negara, dan mendapatkan dukungan dari seratus dua juta anggota di Amerika Serikat dan hampir lima puluh juta anggota di seluruh dunia.

HTML <q> untuk kutipan pendek

HTML <q> Definisi elemenKutipan pendek.

Peramban biasanya mengelilingi elemen <q> dengan kutipan.Kutipan.

Contoh

<p>Tujuan WWF adalah:<q>Membangun dunia yang harmonis antara manusia dan alam.</q></p>

Coba Sendiri

HTML <blockquote> untuk referensi panjang

HTML <blockquote> Elemen mendefiniskan bagian yang disinggung.

Peramban biasanya melakukan indentasi pada elemen <blockquote>.IndentasiPengaturan.

Contoh

<p>Isi berikut diambil dari situs web WWF:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
Selama lima puluh tahun, WWF selalu berkomitmen untuk melindungi masa depan alam.
Organisasi lingkungan hidup terkemuka di dunia, WWF bekerja di 100 negara,
dan mendapatkan dukungan dari seratus dua juta anggota di Amerika Serikat dan hampir lima puluh juta anggota di seluruh dunia.
</blockquote>

Coba Sendiri

HTML <abbr> untuk singkatan

HTML <abbr> Definisi elemenSingkatanatau singkatan awal.

Menandai singkatan dapat memberikan informasi yang berguna bagi peramban, sistem penerjemahan, dan mesin pencari.

Contoh

<p><abbr title="Organisasi Kesehatan Dunia">WHO</abbr> didirikan pada tahun 1948.</p>

Coba Sendiri

HTML <dfn> untuk definisi

HTML <dfn> Elemen mendefiniskan proyek atau singkatanDefinisi.

Penggunaan <dfn>, menurut deskripsi standar HTML5, cukup kompleks:

1. Jika atribut title elemen <dfn> diatur, proyek didefiniskan:

Contoh

<p><dfn title="Organisasi Kesehatan Dunia">WHO</dfn> didirikan pada tahun 1948.</p>

Coba Sendiri

2. Jika elemen <dfn> mengandung elemen <abbr> dengan judul, title mendefiniskan proyek:

Contoh

<p><dfn><abbr title="Organisasi Kesehatan Dunia">WHO</abbr></dfn> didirikan pada tahun 1948.</p>

Coba Sendiri

3. Jika tidak, konten teks <dfn> adalah proyek, dan elemen induk mengandung definisi.

Contoh

<p><dfn>WHO</dfn> Organisasi Kesehatan Dunia didirikan pada tahun 1948.</p>

Coba Sendiri

Keterangan:Jika Anda ingin mempermudah, gunakan pertama, atau gunakan <abbr> sebagai pengganti.

Digunakan untuk informasi kontak HTML <address>

HTML <address> Elemen mendefinisikan informasi kontak dokumen atau artikel (penulis/pemilik).

Elemen ini biasanya ditampilkan denganMiringTampil. Sebagian besar peramban akan menambahgarak di depan dan belakang elemen ini.

Contoh

<address>
Ditulis oleh Donald Duck.<br> 
Kunjungi kami di:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

Coba Sendiri

Digunakan untuk judul karya HTML <cite>

HTML <cite> Definisi elemenJudul karya.

Peramban biasanya menampilkan elemen <cite> dengan huruf miring.

Contoh

<p><cite>The Scream</cite> oleh Edward Munch. Dibuat di 1893.</p>

Coba Sendiri

Digunakan untuk rewrite dua arah HTML <bdo>

HTML <bdo> Elemen menentukan penutupan alur dua arah (bi-directional override).

Elemen <bdo> digunakan untuk menutupi arah teks saat ini:

Contoh

<bdo dir="rtl">Teks ini akan ditulis dari kanan ke kiri</bdo>

Coba Sendiri

Elemen Referensi Kutipan, Referensi dan Definisi HTML

Tag Deskripsi
<abbr> Definisi singkatan atau akronim.
<address> Definisi informasi kontak penulis atau pemilik dokumen.
<bdo> Definisi arah teks.
<blockquote> Definisi bagian yang diutip dari sumber lain.
<dfn> Definisi proyek atau singkatan.
<q> Definisi kutipan singkat yang diutarakan di dalam teks.
<cite> Definisi judul karya.