HTML address: Kontak Penulis Artikel dan Pengelola Situs

Referensi HTML

Dibuat 2026-10-30 Terakhir Diubah 2026-10-30

HTML <address> mengidentifikasi informasi kontak untuk penulis atau organisasi yang bertanggung jawab atas dokumen atau artikel individu. Tidak terbatas pada alamat pos: dapat mencakup email, telepon, atau tautan halaman kontak. Jangan menggunakannya hanya untuk deskripsi lokasi atau untuk membungkus setiap string alamat.

Identifikasi informasi kontak milik siapa

address memuat kontak untuk elemen article terdekat yang menaunginya. Jika tidak ada elemen article yang menaunginya, kontak tersebut berlaku untuk dokumen body. Dengan demikian, kontak penulis artikel dan pengelola situs dapat ditempatkan dalam lingkup berbeda. Sertakan nama orang atau organisasi agar pembaca tahu siapa yang menerima pertanyaan.

Contoh lengkap: penulis artikel dan operator situs

Simpan dokumen berikut sebagai contacts.html dan buka di browser. Alamat-alamat menggunakan domain contoh example.test; ini adalah nilai latihan tanpa penerima nyata.

<!doctype html>
<html lang="id">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Kontak penulis dan situs</title>
  <style>address { font-style: normal; }</style>
</head>
<body>
  <h1>Berita teknologi contoh</h1>
  <article>
    <h2>Panduan struktur dokumen HTML</h2>
    <p>Tulis isi artikel di sini.</p>
    <footer>
      <p>Diterbitkan: <time datetime="2026-10-30">30 Oktober 2026</time></p>
      <address>
        Penulis artikel: Tim Editor Contoh<br>
        Email: <a href="mailto:editor@example.test">editor@example.test</a>
      </address>
    </footer>
  </article>
  <footer>
    <address>
      Pengelola situs: Tim Situs Contoh<br>
      Email: <a href="mailto:site@example.test">site@example.test</a>
    </address>
  </footer>
</body>
</html>

Informasi kontak tim editorial muncul di dalam artikel; informasi kontak tim situs muncul di luar artikel. Tanggal publikasi bukanlah informasi kontak, jadi berada di elemen time di luar address. Aturan CSS font-style: normal menghapus tampilan miring default sambil mempertahankan makna informasi kontak.

Sebuah tautan mailto meminta aplikasi pengelola email pengguna untuk membuka; HTML ini sendiri tidak mengirim email. Dalam dokumen nyata, gantilah contoh dengan penerima yang valid dan pastikan terlebih dahulu bahwa detail kontak dapat dipublikasikan. Alamat contoh tidak dapat menerima pertanyaan yang sebenarnya.

Bedakan alamat biasa dan huruf miring dekoratif

Jangan secara otomatis menggunakan address untuk lokasi tujuan atau alamat pengiriman ketika itu bukan informasi kontak untuk penulis atau pihak yang bertanggung jawab. Gunakan paragraf biasa atau daftar sesuai konteks. Gaya miring default juga bukan alasan untuk menempatkan pernyataan yang diberi penekanan dalam address.

Pertahankan konten yang terkait dengan informasi kontak. Jangan menyertakan elemen heading, article, section, header, footer, atau address lain di dalam address. Jika bagian kontak membutuhkan heading, letakkan segera sebelum address. Referensi alamat referensi address di MDN menjelaskan ruang lingkup dan aturan kontennya.

Referensi HTML