È corretto usare il tag alt per un link di ancoraggio, qualcosa di simile
<a href="#" class="test" alt="Something" src="sfasfs" ></a>
È corretto usare il tag alt per un link di ancoraggio, qualcosa di simile
<a href="#" class="test" alt="Something" src="sfasfs" ></a>
Risposte:
Queste cose trovano una risposta migliore guardando le specifiche ufficiali:
vai alla specifica: https://www.w3.org/TR/html5/
cerca " a
elemento": https://www.w3.org/TR/html5/text-level-semantics.html#the-a-element
seleziona "Attributi del contenuto", che elenca tutti gli attributi consentiti per l' a
elemento:
- Attributi globali
href
target
download
rel
hreflang
type
controlla gli "attributi globali" collegati: https://www.w3.org/TR/html5/dom.html#global-attributes
Come vedrai, l' alt
attributo non è consentito a
sull'elemento.
Inoltre noterai che l' src
attributo non è consentito.
Con la convalida HTML , errori come questi vengono segnalati a voi.
Nota che quanto sopra è per HTML5 , che è lo standard HTML del W3C del 2014 . Nel 2016, HTML 5.1 è diventato il prossimo standard HTML . Trovare gli attributi consentiti funziona allo stesso modo. Vedrai che l' a
elemento può avere un altro attributo in HTML 5.1: rev
.
Puoi trovare tutte le specifiche HTML (incluso lo standard più recente) in HTML Current Status del W3C .
title
.
Per le ancore, dovresti usare invece il titolo. alt non è un attributo valido di a. Vedi http://w3schools.com/tags/tag_a.asp
"titolo" è ampiamente implementato nei browser. Provare:
<a href="#" title="hello">asf</a>
title
non è corretto secondo le specifiche HTML5 (anche se la maggior parte dei browser lo implementerà).
No, un alt
attributo (sarebbe un attributo, non un tag) non è consentito per un a
elemento in nessuna specifica o bozza HTML. E non sembra essere riconosciuto da alcun browser come avente alcun significato.
È un po 'misterioso il motivo per cui le persone provano a usarlo, quindi, ma la probabile spiegazione è che lo stanno facendo in modo analogo con l' alt
attributo per gli img
elementi, aspettandosi di vedere un "suggerimento" al passaggio del mouse. Ci sono due cose che non vanno in questo. Innanzitutto, ogni elemento ha attributi propri, definiti nelle specifiche di ogni elemento. In secondo luogo, il rendering "tooltip" degli alt
attributi in alcuni browser antichi è / era un capriccio o addirittura un bug, piuttosto che qualcosa da aspettarsi; l' alt
attributo dovrebbe essere presentato all'utente se e solo se l'immagine stessa non viene presentata, per qualsiasi motivo.
Per creare un "suggerimento", usa title
invece l' attributo o, molto meglio, Google per "suggerimenti CSS" e utilizza i suggerimenti basati su CSS di tua preferenza (possono essere caratterizzati come "livelli" nascosti che diventano visibili al passaggio del mouse).
Dovresti usare l'attributo title per i tag di ancoraggio se desideri applicare informazioni descrittive in modo simile a come faresti per un attributo alt. L'attributo title è valido sui tag di ancoraggio e non ha altro scopo che fornire informazioni sulla pagina collegata.
W3C consiglia che il valore dell'attributo title corrisponda al valore del titolo del documento collegato, ma non è obbligatorio.
http://www.w3.org/MarkUp/1995-archive/Elements/A.html
In alternativa, e probabilmente sarà più vantaggioso, puoi utilizzare l'attributo di accessibilità ARIA aria-label
(da non confondere con aria-labeledby
). aria-label
ha la stessa funzione dell'attributo alt per le immagini ma per gli elementi non immagine e include una certa misura di ottimizzazione dall'ottimizzazione per gli screen reader.
http://www.w3.org/WAI/GL/wiki/Using_aria-label_to_provide_labels_for_objects
Se vuoi descrivere un tag di ancoraggio, di solito è appropriato utilizzare il tag rel o rev ma sei limitato a valori specifici, non dovrebbero essere usati per descrizioni leggibili dall'uomo.
Rel serve a descrivere la relazione della pagina collegata alla pagina corrente. (ad esempio, se la pagina collegata è successiva in una serie logica, sarebbe rel = next)
L'attributo rev è essenzialmente la relazione inversa dell'attributo rel. Rev descrive la relazione tra la pagina corrente e la pagina collegata.
Puoi trovare un elenco di valori validi qui: http://microformats.org/wiki/existing-rel-values
Ho usato il titolo e ha funzionato!
L'attributo title fornisce il titolo del collegamento. Con un'eccezione, è puramente consultivo. Il valore è il testo. L'eccezione è per i collegamenti ai fogli di stile, dove l'attributo title definisce insiemi di fogli di stile alternativi.
<a class="navbar-brand" href="http://www.alberghierocastelnuovocilento.gov.it/sito/index.php" title="sito dell'Istituto Ancel Keys">A.K.</a>
Sono sorpreso di vedere tutte le risposte che affermano che l'uso alt
dell'attributo nel a
tag non è valido . Questo è assolutamente sbagliato.
Html non ti impedisce di utilizzare alcun attributo:
<a your-custom-attribute="value">Any attribute can be used</a>
Se chiedi se è semanticamente corretto usare l' alt
attributo in a
allora dirò:
NO. Viene utilizzato per impostare la descrizione dell'immagine <img alt="image description" />
.
È una questione di cosa faresti con gli attributi. Ecco un esempio:
a::after {
content: attr(color); /* attr can be used as content */
display: block;
color: white;
background-color: blue;
background-color: attr(color); /* This won't work */
display: none;
}
a:hover::after {
display: block;
}
[hidden] {
display: none;
}
<a href="#" color="red">Hover me!</a>
<a href="#" color="red" hidden>In some cases, it can be used to hide it!</a>
Ancora una volta, se chiedi se è semanticamente corretto usare l'attributo personalizzato, dirò:
No. Usa gli data-*
attributi per il suo uso semantico.
Oops, la domanda è stata posta nel 2013.
title
attributo negli attributia
globali, è corretto utilizzare taletitle
attributo ina
o no?