August 19, 2020

// // Leave a Comment

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:
  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:
  1. <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:
  1. <a href="https://www.raynold.net">Kunjungi Situs Raynold</a>
Menampilkan pemberitahuan atau notifikasi
  1. <a href="javascript:alert('Halo Semuanya');">tampilkan dialog</a>
Menuju website lain dengan cara membuka tab browser baru
  1. <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")
  1. <a href="https://www.raynold.net" hreflang="id">Kunjungi situs raynold</a>

Tag <a> menggunakan rel

  1. <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

  1. Google Chrome "Available"
  2. Firefox "Available"
  3. Internet Explorer "Available"
  4. Opera "Available"
  5. Safari "Available"

0 comments:

Post a Comment