Apakah benar menggunakan tag alt untuk tautan jangkar, sesuatu seperti
<a href="#" class="test" alt="Something" src="sfasfs" ></a>
Hal-hal seperti itu paling baik dijawab dengan melihat spesifikasi resmi:
buka spesifikasi: https://www.w3.org/TR/html5/
cari " a
elemen": https://www.w3.org/TR/html5/text-level-semantics.html#the-a-element
centang "Atribut konten", yang mencantumkan semua atribut yang diizinkan untuk a
elemen:
- Atribut global
href
target
download
rel
hreflang
type
periksa "Atribut global" yang ditautkan: https://www.w3.org/TR/html5/dom.html#global-attributes
Seperti yang akan Anda lihat, alt
atribut tidak diperbolehkan pada a
elemen.
Anda juga akan melihat bahwa src
atribut tersebut juga tidak diperbolehkan.
Dengan memvalidasi HTML Anda , kesalahan seperti ini dilaporkan kepada Anda.
Perhatikan bahwa yang di atas adalah untuk HTML5 , yang merupakan standar HTML W3C dari 2014 . Pada 2016, HTML 5.1 menjadi standar HTML berikutnya . Menemukan atribut yang diizinkan berfungsi dengan cara yang sama. Anda akan melihat bahwa a
elemen dapat memiliki atribut lain di HTML 5.1: rev
.
Anda dapat menemukan semua spesifikasi HTML (termasuk standar terbaru) di Status Terkini HTML W3C .
title
atribut di atributa
Global apakah benar menggunakantitle
atribut seperti itu dia
atau tidak?title
.Untuk jangkar, Anda harus menggunakan judul sebagai gantinya. alt bukan atribut valid dari a. Lihat http://w3schools.com/tags/tag_a.asp
sumber
"judul" diterapkan secara luas di browser. Mencoba:
sumber
title
benar menurut spesifikasi HTML5 (meskipun sebagian besar browser akan menerapkannya).Tidak,
alt
atribut (ini akan menjadi atribut, bukan tag) tidak diperbolehkan untuka
elemen dalam spesifikasi atau draf HTML apa pun. Dan tampaknya tidak dikenali oleh browser mana pun sebagai memiliki signifikansi apa pun.Ini sedikit misteri mengapa orang mencoba menggunakannya, tetapi penjelasan yang mungkin adalah bahwa mereka melakukannya secara analog dengan
alt
atribut untukimg
elemen, mengharapkan untuk melihat "tooltip" pada gerakan mouse. Ada dua hal yang salah dengan ini. Pertama, setiap elemen memiliki atributnya sendiri-sendiri, yang ditentukan dalam spesifikasi untuk setiap elemen. Kedua, renderingalt
atribut “tooltip” di beberapa browser kuno adalah quirk atau bahkan bug, bukan sesuatu yang diharapkan; yangalt
atribut seharusnya disajikan kepada pengguna jika dan hanya jika gambar itu sendiri tidak disajikan, untuk alasan apa pun.Untuk membuat “tooltip”, gunakan
title
atributnya atau, jauh lebih baik, Google untuk "tooltip CSS" dan gunakan tooltip berbasis CSS dari preferensi Anda (mereka dapat dicirikan sebagai "lapisan" tersembunyi yang terlihat saat gerakan mouse).sumber
Anda harus menggunakan atribut title [judul] untuk tag jangkar jika Anda ingin menerapkan informasi deskriptif seperti yang Anda lakukan untuk atribut alt. Atribut judul valid pada tag jangkar dan tidak memiliki tujuan lain selain memberikan informasi tentang halaman yang ditautkan.
W3C merekomendasikan bahwa nilai atribut judul harus sesuai dengan nilai judul dokumen yang ditautkan tetapi tidak wajib.
http://www.w3.org/MarkUp/1995-archive/Elements/A.html
Alternatifnya, dan cenderung lebih bermanfaat, Anda dapat menggunakan atribut aksesibilitas ARIA
aria-label
(jangan disamakan denganaria-labeledby
).aria-label
melayani fungsi yang sama seperti atribut alt untuk gambar tetapi untuk elemen non-gambar dan menyertakan beberapa ukuran pengoptimalan sejak pengoptimalan Anda untuk pembaca layar.http://www.w3.org/WAI/GL/wiki/Using_aria-label_to_provide_labels_for_objects
Jika Anda ingin mendeskripsikan tag anchor, biasanya sesuai untuk menggunakan tag rel atau rev tetapi Anda terbatas pada nilai tertentu, tag tersebut tidak boleh digunakan untuk deskripsi yang dapat dibaca manusia.
Rel berfungsi untuk mendeskripsikan hubungan halaman yang ditautkan dengan halaman saat ini. (misalnya jika halaman tertaut berikutnya dalam rangkaian logis itu akan menjadi rel = next)
Atribut rev pada dasarnya adalah hubungan kebalikan dari atribut rel. Rev menjelaskan hubungan halaman saat ini dengan halaman tertaut.
Anda dapat menemukan daftar nilai yang valid di sini: http://microformats.org/wiki/existing-rel-values
sumber
Saya menggunakan judul dan berhasil!
Atribut judul memberikan judul tautan. Dengan satu pengecualian, ini murni nasihat. Nilainya adalah teks. Pengecualiannya adalah untuk tautan lembar gaya, di mana atribut judul mendefinisikan kumpulan lembar gaya alternatif.
sumber
Saya terkejut melihat semua jawaban yang menyatakan penggunaan
alt
atribut dalama
tag tidak valid . Ini sangat salah.Html tidak memblokir Anda menggunakan atribut apa pun:
Jika Anda bertanya apakah secara semantik benar untuk menggunakan
alt
atributa
maka saya akan mengatakan:TIDAK. Ini digunakan untuk mengatur deskripsi gambar
<img alt="image description" />
.Ini adalah masalah apa yang akan Anda lakukan dengan atributnya. Berikut contohnya:
Sekali lagi, jika Anda bertanya apakah secara semantik benar menggunakan atribut khusus maka saya akan mengatakan:
Tidak. Gunakan
data-*
atribut untuk penggunaan semantiknya.Ups, pertanyaan telah diajukan pada tahun 2013.
sumber