HTML address tag | belajar <address> element

HTML Fadlullah Fadul December 3, 2018

Referensi Belajar HTML address tag. Tutorial dan panduan mengenai element <address>..</address> yang berarti alamat yang berisi kontak yang dapat dihubungi. Mencakup penjelasan yang disertai contoh kode penggunaan sebagai rujukan untuk materi belajar HTML elemen <address>.

Deskripsi
Penjelasan HTML address

address artinya alamat. HTML element address digunakan untuk menunjukkan kontak informasi yang berkaitan dengan element induknya (element yang menaunginya). address element biasanya digunakan di dalam article dan body element. address element tidak digunakan untuk memberi markup alamat secara lengkap (berikut kode pos) karena ia lebih cocok menggunakan <p> element.

Jika element address ditulis pada <body> element, maka kontak informasi tersebut berlaku untuk dokumen tersebut secara keseluruhan.

Jika ditulis pada <article> element, maka <address> dapat berisi konten mengenai kontak informasi penulis/editor artikel tersebut.

Global Attributes
Atribut Secara Global (Keseluruhan)

<address> tag mencakup global attributes yang artinya, tag tersebut dapat disisipkan semua attributes yang termasuk dalam global attributes yang secara umum berlaku untuk semua HTML tags.

Silahkan, lihat referensi mengenai HTML Global Attribute

Event Attributes
Atribut event (Peristiwa)

<address> tag mencakup event attributes, yang artinya attribute tersebut dijalankan ketika ada interaksi dari user atau dalam suatu peristiwa (kejadian). Contoh: menjalankan script (JavaScript) ketika halaman web pada jendela browser hendak ditutup, dan lain sebagainya.

Silahkan, lihat referensi mengenai HTML Events Attribute

Example
Contoh HTML <address> element

Contoh 1:

HTML 
<address>
  Penulis dapat dihubungi melalui:
  <a href="mailto:email@domain.com">email@domain.com</a> dan
  <a href="/p/contact.html">apacara.com</a>
</address>

Contoh 2:

HTML 
<footer>
  <address>
    Penulis dapat dihubungi melalui:
    <a href="mailto:email@domain.com">email@domain.com</a> dan
    <a href="/p/contact.html">apacara.com</a>
  </address>
  <p><small>Lisensi Artikel: <a href="http://creativecommons.org/licenses/by/4.0/" target="_blank">Creative Commons Attribution 4.0 license</a></small></p>
</footer>

Contoh Lengkap

Contoh source code lengkap disertai dengan link "editor" untuk mencoba (try it) dan melihat hasil (preview) kode.

SOURCE
editor 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Demo HTML address tag</title>
  </head>
  <body>
    <article>
      <h1>Belajar Web Standard</h1>
      <p>
      Apa itu Web Standard? Web Standard adalah teknologi yang dibangun oleh W3C dan lainnya yang dikembangkan untuk menginterpretasikan konten web agar memiliki standar yang dapat dinikmati oleh semua kalangan dan dapat diakses di semua <em>device</em> (smartphone, tablet, desktop dan lain sebagainya).
      </p>
      <p>
      Web yang dibangun sesuai standard (web standard) juga harus mempertimbangkan beberapa aspek diantaranya adalah harus mengedapankan kode yang bersih (clean), valid dan dapat digunakan kembali, dapat diakses oleh semua orang baik penyandang cacat, buta warna dan semacamnya (accessible), juga bersahabat dengan search engine (search engine friendly).
      </p>
      <footer>
        <h4>Ditulis Oleh:</h4>
        <address>
        <strong>dul</strong>, <br>
        kontak:
        <a href="mailto:email@domain.com">email@domain.com</a> dan
        <a href="/p/contact.html">apacara.com</a>
        </address>
        <p><small>Lisensi Artikel: <a rel="nofollow" href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank">CC BY-NC-SA 4.0</a></small></p>
      </footer>
    </article>
  </body>
</html>
SHARE
Previous Article Next Article