tag HTML <a>
contoh
Link ke tutorial ini:
Coba »
(Untuk contoh lebih lanjut, lihat bagian bawah halaman)
Dukungan Browser
Semua browser utama mendukung label <a>.
Tag definisi dan petunjuk
tag <a> mendefinisikan hyperlink dari satu halaman untuk link ke halaman lain.
Unsur yang paling penting adalah atribut href <a> atribut yang menentukan target link.
Di semua browser, link standar terlihat seperti ini:
- mengunjungi link yang tidak adalah digarisbawahi dan biru
- Link telah dikunjungi adalah digarisbawahi dan ungu
- link aktif digarisbawahi dan merah
Tips dan Catatan
Tip: Jika Anda tidak menggunakan atribut href, Anda tidak dapat menggunakan hreflang, media, rel, sasaran dan jenis properti.
Tip: biasanya ditampilkan di halaman browser saat jendela terkait, kecuali ketentuan dari target lainnya.
Tip: Gunakan CSS untuk mengubah gaya link.
Perbedaan antara HTML 4.01 dan HTML5
Dalam HTML 4.01, tag <a> dapat menjadi hyperlink, dapat berlabuh. Dalam HTML5, label <a> adalah hyperlink, tetapi jika tidak ada atribut href, itu hanya sebuah tempat untuk hyperlink.
HTML5 memiliki beberapa atribut baru, sementara tidak lagi mendukung beberapa HTML 4.01 atribut.
milik
Baru: HTML5 properti baru.
属性 | 值 | 描述 |
---|---|---|
charset | char_encoding | HTML5 不支持。规定目标 URL 的字符编码。 |
coords | coordinates | HTML5 不支持。规定链接的坐标。 |
download New | filename | 指定下载链接 |
href | URL | 规定链接的目标 URL。 |
hreflang | language_code | 规定目标 URL 的基准语言。仅在 href 属性存在时使用。 |
media New | media_query | 规定目标 URL 的媒介类型。默认值:all。仅在 href 属性存在时使用。 |
name | section_name | HTML5 不支持。规定锚的名称。 |
rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag |
规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。 |
rev | text | HTML5 不支持。规定目标 URL 与当前文档之间的关系。 |
shape | default rect circle poly |
HTML5 不支持。规定链接的形状。 |
target | _blank _parent _self _top framename |
规定在何处打开目标 URL。仅在 href 属性存在时使用。 |
type New | MIME_type | 规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。 注:MIME = Multipurpose Internet Mail Extensions。 |
Properti global
tag <a> mendukung HTML sifat global yang .
Properti acara
tag <a> mendukung HTML sifat acara .
Coba - Contoh
membuat hyperlink
Contoh ini menunjukkan cara membuat link dalam sebuah dokumen HTML.
Gambar sebagai link
Contoh ini menunjukkan bagaimana menggunakan gambar sebagai link.
Buka link di jendela browser baru
Contoh ini menunjukkan bagaimana untuk membuka halaman di jendela baru, sehingga pengunjung tidak perlu meninggalkan situs Anda.
Buat link e-mail
Contoh ini menunjukkan bagaimana untuk menghubungkan pesan. (Dalam hal ini bekerja setelah Anda menginstal mail client.)
Buat e-mail link 2
Contoh ini menunjukkan link e-mail yang lebih kompleks.
Gunakan jangkar untuk melompat ke lokasi yang berbeda pada halaman yang sama
Contoh ini menunjukkan bagaimana menggunakan atribut id anchor melompat ke posisi yang berbeda pada halaman (HTML5 tidak mendukung atribut nama).
Artikel terkait
HTML Tutorial: Link HTML
HTML DOM Referensi: benda Jangkar