HTML Links Anchors Href Target Rel Download

Ringkasan

<a> (anchor) membuat hyperlink antar halaman, section, atau resource eksternal. Ini tulang punggung web.

Konsep Dasar

• href — tujuan link (URL, #id anchor, mailto:, tel:).
• target="_blank" — buka tab baru (selalu tambah rel="noopener noreferrer").
• rel — hubungan dokumen (noopener, noreferrer, nofollow, canonical, dll).
• download — paksa unduh.

Cara Kerja / Struktur

html

<a href="/belajar/html">Pelajaran HTML</a>
<a href="#section-2">Ke bagian 2</a>
<a href="https://example.com" target="_blank" rel="noopener noreferrer">External</a>

Contoh Kode

html

<nav>
  <a href="/">Home</a>
  <a href="/docs" aria-current="page">Docs</a>
</nav>

Catatan Implementasi

• target="_blank" tanpa rel="noopener" adalah kerentanan tab-nabbing — selalu tambahkan.
• Link kosong href="#" membuahkan scroll ke atas; hindari, pakai <button> kalau bukan navigasi.

Kesalahan Umum

• Lupa rel="noopener" di _blank.
• Pakai <a> untuk aksi JS — lebih tepat <button>.

Glosarium

• Anchor: titik taut (link atau tujuan #id).
• noopener: cegah halaman baru akses window.opener.

Referensi

• HTML Links, Images, Lists, Metadata