Wednesday, October 15, 2014

Tag dfn HTML

Tag <dfn> digunakan untuk mendefenisikan istilah. Untuk menghubungkan kata istilah dengan penjelasannya digunakan tag <a> yang mengarah pada halaman yang sama. Misalnya kata istilah ada di awal atau di tengah halaman kemudian penjelasan ada di bagian bawah, maka link kata istilah jika diklik maka browser akan menggeser (fokus) ke kalimat penjelas.

Untuk mengujinya teks pada halaman harus banyak (melebihi batas normal) vertical scroll bar. Contoh di bawah hanya menggunakan teks sedikit (agar contoh kode tidak terlalu panjang). Sialahkan tambahkan teks apa saja di bagian Media sosial adalah...

Tag dfn memiliki atribut id yang nilainya sama dengan nilai href pada tag a (diawali dengan tanda #). Tag dfn berhubungan dengan tag ddl-dt-dd dan tag abbr.

Contoh:

<!DOCTYPE HTMl>
    <html>
        <head>
            <title>Tag dfn HTML</title>
        </head>
    <body>
    <p><dfn id="dfnFb">Facebook</dfn> adalah media sosial yang diciptakan Mark Zuckerberg.
    Facebook dikenal sebagai Fb atau F mampu menghubungkan orang dari segala penjuru dunia
    selama tersedia koneksi internet.
    </p>
   
<dl>
    <dt>
        <dfn>
            <abbr title="Media Sosial">Media Sosial</abbr>
        </dfn>
    </dt>
        <dd>Media sosial adalah situs yang bisa menghubungkan, mendekatkan, memudahkan
        para penggunanya untuk berinteraksi dan berbagi, contohnya <a href="#dfnFb">Facebook</a>.
    </dd>
</dl>

    </body>
</html>


Output:

^Baca juga: Tag <div> HTML untuk membuat blok-blok.

Referensi tulisan:
  1. <dfn>; ditulis oleh: Kontributor MDN (Mozilla Developer Network), developer.mozilla.org, diakses 15 Oktober 2014.
    About MDN by Mozilla Contributors is licensed under CC-BY-SA 2.5.

No comments:

Post a Comment