Apa Itu a Pada HTML
<a> Adalah salah satu element html tag yang menunjukan sebuah anchor. Terus apa itu anchor? Anchor adalah teks yang menunjukan awalan dan akhiran sebuah hypertext link. HTML <a> element ini bisa digunakan untuk mendefinisikan sebuah hyperlink. Link dapat merujuk dan membuka halaman lain atau website lain.
Jika sebuah <a>
Memiliki element href attribute yang menunjukan sebuah link yang menuju ke halaman lain atau website lain.
Jika sebuah <a> tidak memiliki href maka element tersebut menunjukan sebuah placeholder.
Attribute target, download, rel, href, itemprop dan type tidak boleh digunakan saat menampilkan <a> tidak menyebutkan attribute href.
Tag <a> menggunakan attribute download
Menunjukan bahwa target akan menampilkan download file ketika user mengklik link-nya.
Contoh 1:
- <a href="websiteku.com/fotokeluarga.jpg" download="Download Foto Acara Keluarga"</a>
Ketika contoh 1 diatas di download maka yang terjadi adalah fotokeluarga.jpg (nama file) karena tidak memiliki Value dibandingkan contoh no 2 dibawah ini.
Contoh 2:
- <a href="websiteku.com/fotokeluarga.jpg" download="fotoacarakeluarga">Download Foto Acara Keluarga</a>
Contoh 2 diatas menggunakan value "fotoacarakeluarga". Ketika di download maka file yang di unduh menjadi fotoacarakeluarga.jpg
Tag <a> menggunakan href
Menentukan pilihan alamat url atau link yang akan dituju, seperti dibawah ini:
- <a href="https://www.raynold.net">Kunjungi Situs Raynold</a>
Menampilkan pemberitahuan atau notifikasi
- <a href="javascript:alert('Halo Semuanya');">tampilkan dialog</a>
Menuju website lain dengan cara membuka tab browser baru
- <a href="https://www.raynold.net" target="_blank">Kunjungi situs raynold</a>
Tag <a> menggunakan hreflang
hreflang digunakan untuk menuju situs yang menentukan bahasa contohnya ("id")
- <a href="https://www.raynold.net" hreflang="id">Kunjungi situs raynold</a>
Tag <a> menggunakan rel
- <a href="https://www.raynold.net" rel="nofollow">Raynold.net</a>
Apa saja value untuk rel? ada alternate, author, bookmark, help, license, next, nofollow, norefferer, prefetch, prev, search, tag.
Support browser
- Google Chrome "Available"
- Firefox "Available"
- Internet Explorer "Available"
- Opera "Available"
- Safari "Available"