Sommario
L' elemento HTML <a> (o l' elemento Ancora HTML) definisce un collegamento ipertestuale, il nome dell' obbiettivo di destinazione per un collegamento ipertestuale, o entrambi.
- Aree tematiche Contenuti del flusso, contenuto delle espressioni, contenuto interattivo, contenuto tangibile.
- Contenuto consentito Trasparente, contenente sia contenuti del flusso sia contenuto delle espressioni.
- Omissione TagNessuno, sia il tag di apertura, sia quello di chiusura sono obbligatori.
- Elementi padre consentiti qualsiasi elemento che accetta contenuto delle espressioni, o qualsiasi elemento che accetta contenuto del flusso.
- Interfaccia DOM
HTMLAnchorElement
Attributi
Questo elemento include gli attributi globali.
-
charsetObsolete since HTML5 -
Questi attributi definiscono la codifica dei caratteri della risorsa linkata. Il valore è una lista di caratteri delimitata da spazi- e/o virgole - fissa come definito in RFC 2045. Il valore di default è ISO-8859-1.
Nota d' uso: Questo attributo è obsoleto in HTML5 e non dovrebbe essere usato dagli autori. Per ottenere il suo effetto, usare il HTTP Content-Type header sulla risorsa linkata.
-
coordsHTML 4 only, Obsolete since HTML5 - Per l' uso con le forme degli oggetti, questo attibuto usa una lista di numeri separata da virgole per definire le coordinate dell' oggetto nella pagina.
-
datafld -
Questo attributo specifica il nome della colonna di tale oggetto origine dati che fornisce i dati associati
Nota d' uso: Questo attributo è non-standard and non dovrebbe essere usato dagli autori. Per ottenere il suo effetto, utilizzare scripting e un meccanismo come XMLHttpRequest per popolare dinamicamente la pagina.
Support Gecko Presto WebKit Trident Not implemented Not implemented Not implemented IE4, IE5, IE6, IE7 (Removed in IE8) Normative document Microsoft's Data Binding: dataFld Property (MSDN) -
datasrc -
Questo attributo indica l'ID oggetto origine dei dati che fornisce i dati e che è legato a questo elemento.
Nota d' uso: Questo attributo è non-standard and non dovrebbe essere usato dagli autori. Per ottenere il suo effetto, utilizzare scripting e un meccanismo come XMLHttpRequest per popolare dinamicamente la pagina.
Support Gecko Presto WebKit Trident Non implementato
Non implementato Non implementato IE4, IE5, IE6, IE7 (Removed in IE8) Normative document Microsoft's Data Binding: dataSrc Property (MSDN) -
downloadHTML5 -
Questo attributo, se presente, indica che l' autore intende che il collegamento ipertestuale debba essere usato per scaricare una risorsa. Se l' attributo ha un valore, il browser dovrebbe interpretarlo come il filename di default che l'autore raccomanda per l' uso ettichettando la risorsa in un file system locale. Non ci sono restrizioni sui valori consentiti, ma dovresti considerare che la maggior parte dei file system hanno delle limitazioni per quanto riguarda quale punteggiatura è supportata nei nomi del file, ed i browser sono predisposti ad aggiustare il nome del file di conseguenza.
Nota:
- Puoi usarlo con
data:,blob:andfilesystem:URLs, per rendere facile per gli utenti scaricare contenuto a livello generato. - In Firefox 20 questo attributo è onorato solo per link a risorse con le stessa origine.
- Puoi usarlo con
-
href -
Questo è l'unico attributo richiesto per ancore che definiscono una fonte di un collegamento ipertestuale. Esso indica il link obbiettivo, sia esso un URL o un frammento di URL. Un frammento di URL è un nome preceduto da cancelletto (#), che specifica una locazione dell' obbiettivo interna (un ID) nel documento corrente. Gli URL non sono limitati ai documenti web basati sul protocollo HTTP. Gli URL possono essere usati con altri protocolli supportati dal browser. Per esempio,
file,ftp, emailtofunzionano nella maggior parte degli user agent.
Nota: Puoi usare il frammento apposito "top" per creare un collegamento per tornare indietro in cima alla pagina; ad esempio
<a href="#top">Return to top</a>. Questo modo di comportarsi è specificato dall' HTML5. -
hreflang -
Questo attributo indica la lingua della risorsa linkata. È puramente consultivo. I valori permessi sono determinati dal BCP47 per l' HTML5 e dal RFC1766 per l' HTML4. Usa questo attributo solo se anche l' attributo
hrefè presente. -
mediaHTML5 -
Questo attributo specifica il mezzo di comunicazione che verrà applicato alla risorsa linkata. Il suo valore deve essere una media query. Questo attributo è utile principalmente quando vi è un collegamento ad un foglio di stile esterno che consente allo user agent di scegliere il puù adatto per il dispositivo dove sta girando.
Nota d' uso:
- In HTML 4, sono accettati per questo attributo solo liste separate da spazio di descrizioni letterali del supporto, vale a dire media types and groups, come
print,screen,aural,braille, ... HTML 5 estende questo ad ogni tipo di media queries, che sono un insieme dei valori consentiti in HTML 4. - I browser che non supportano i CSS3 Media Queries potrebbero non necessariamente riconoscere il collegamento adeguato; non dimenticare di impostare i collegamenti alternativi, l'insieme ristretto di media query è definito in HTML 4.
- In HTML 4, sono accettati per questo attributo solo liste separate da spazio di descrizioni letterali del supporto, vale a dire media types and groups, come
-
methods - Il valore di questo attributo fornisce informazioni sulle funzioni che possono essere eseguite su un oggetto. I valori generalmente sono dati dal protocollo HTTP quando viene utilizzato, ma potrebbe (per ragioni simili a quelle per l'attributo title) essere utile includere informazioni consultive in anticipo nel collegamento. Ad esempio, il browser potrebbe scegliere un rendering diverso di un collegamento in funzione dei metodi specificati, qualcosa che è ricercabile potrebbe avere un'icona diversa, o un link esterno potrebbe essere intrerpretato con l'indicazione di lasciare il sito corrente. Questo attributo non è ben compreso e non supportato, anche dal browser che lo ha definito, Internet Explorer 4. Methods Property (MSDN)
-
nameHTML 4 only, Obsolete since HTML5 -
Questo attributo è richiesto in un ancora che definisce una posizione di destinazione dentro una pagina. Il valore per il name è simile al valore per l' attributo id e deve essere un identificatore alfanumerico e univoco nel documento. Sotto le specifiche HTML 4.01, l' id e il name possono entranbi essere usati con l' elemento <a> finchè hanno valore identico.
Note d' uso: Questo attributo è obsoleto in HTML5, usare l' attributo globale id in sostituzione.
-
pingHTML5 - Il supporto per il "ping" è stato disabilitato a partire da Firefox 3 beta 3. bug 415168
-
rel - Per le ancore che contengono l' attributo href, questo attributo specifica la relazione tra l' oggetto di destinazione e l' oggetto del collegamento. Il valore è una lista di valori di relazione separata da spazi. I valori e la loro semantica saranno registrati da qualche autorità che potrebbe avere senso per l' autore del documento. La relazione di default, se nessun altra è stata impostata, è void (vuoto). Usare questo attributo solo se presente l' attributo href.
-
revHTML 4 only, Obsolete since HTML5 - Questo attributo specifica un collegamento inverso, la relazione inversa dell' attributo rel. È utile per indicare da dove viene un oggetto, come l' autore di un documento.
<img> e l' elemento associato <map> per definire hotspot invece dell' attributo shape.-
shapeHTML 4 only, Obsolete since HTML5 -
Questo attributo è utilizzato per definire una regione selezionabile per un collegamento ipertestuale associata con una figura per creare una mappa immagine. I valori per l' attributo sono
circle,default,polygon, andrect. Il formato per le coodinate ( attributo coords) depende dal valore dell' attributo shape. Perrcircle(cerchio), il valore èx,y,rdovexeysono le coordinate (in pixel) per il centro del cerchio erè il raggio espresso anch' esso in pixel. Perrect(rettangolo), l' attributo coords sarannox,y,w,h. I valori dix,ydefiniscono l' angolo in alto a sinistra del rettangolo, mentrewehne definiscono rispettivamente la larghezza e l' altezza. Il valorepolygon(poligono) per shape richiede i valorix1,y1,x2,y2,...per coords. Ogni coppiax,ydefinisce un punto all' interno del poligono, con i punti successivi che vengono uniti da linee rette e l' ultima coppia di punti che si unirà alla prima dichiarata. Il valoredefaultper shape rechiede che l' intera area inclusa, tipicamente un immagine, vengo usata. -
target -
Questo attributo specifica dove deve essere visualizzata la risorsa linkata. In HTML4, questo è il nome, o una parola chiave, per una cornice (frame). In HTML5, è il nome, o parola chiave, di un contesto di navigazione (browsing context )(per esempio, ettichetta, finestra o frame in linea). Le seguenti parole chiave hanno uno speciale significato:
_self: Carica la risposta nella medesima cornice HTML4 (o contesto di navigazione HTML5) come quella attuale. Questo valore è impostato di default se l' attributo non è specificato._blank: Carica la risposta in una nuova finestra senza nome nella finestra HTML4 o un nuovo contesto di navigazione HTML5._parent: Carica la risposta nel frameset genitore del frame corrente in HTML4 oppure il contesto di navigazione genitore del corrente in HTML5. Se non ci fosse il genitore, questa opzione si comporta allo stesso modo di_self._top: In HTML4: Carica la risposta dentro la finestra originale completa, cancellando gli altri frame. In HTML5: Carica la risposta nel primo livello del contesto di navigazione (cioè, il contesto di navigazione che è un antenato di quello corrente, e non ha padre). Se non ha padre, il comportamento di questa opzione coincide con_self.
-
type - Questo attributo specifica il tipo di supporto, sotto forma di un tipo MIME per la destinazione del collegamento. In generale, questo è fornito esclusivamente come informazione consultiva; tuttavia, in futuro un browser potrebbe aggiungere una picco icona per i tipi multimediali. Per esempio, un browser potrebbe aggiungere una piccola icona con un microfono queando il tipo è settato come audio/wav. Per una lista completa dei tipi MIME riconosciuti, consulta http://www.w3.org/TR/html4/references.html#ref-MIMETYPES. Usa questo attributo solo se presente l' attributo href.
-
urn - Questo attributo presumibilmente supportato da Microsoft riferisce un nome uniforme di risorsa (uniform resource name (URN)) con il collegamento. Mentre era basato su lavori standard anni addietro, il significato di URN non è più ben definito, quindi questo attributo è insignificante. urn Property (MSDN)
Esempio
<!-- ancora di collegamento ad un file esterno --> <a href="http://www.mozilla.com/"> External Link </a>
Risultato
Specifiche
| Specification | Status | Comment |
|---|---|---|
| WHATWG HTML Living Standard The definition of '<a>' in that specification. |
Living Standard | |
| HTML5 The definition of '<a>' in that specification. |
Candidate Recommendation | |
| HTML 4.01 Specification The definition of '<a>' in that specification. |
Recommendation |
Compatibilità dei Browser
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | (Yes) | 1.0 (1.7 or earlier) | (Yes) | (Yes) | (Yes) |
href="#top" |
(Yes) | 10.0 (10.0) | (Yes) | (Yes) | (Yes) |
download |
14 | 20.0 (20.0) | Not supported | ? | ? |
| Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | (Yes) | 1.0 (1.0) | (Yes) | (Yes) | (Yes) |
href="#top" |
(Yes) | 10.0 (10.0) | (Yes) | (Yes) | (Yes) |
download |
(Yes) | 20.0 (20.0) | Not supported | ? | ? |
Note
Le seguenti sono chiavi di associazione riservate per due dei maggiori browser e non debbono essere usate come valori di accesso: a, c, e, f, g, h, v, freccia sinistra e freccia destra.
L' HTML 3.2 definisce solo name, href, rel, rev, e title.
L' attributo target non è definito nei browser che non supportano i frame, come i browser di prima generazione Netscapo. Inoltre, target non è consentito sotto la variante rigorosa (strict) dell' XHTML ma è limitata al frameset o alla forma "di transizione" (transitional).
Raccomandazioni JavaScript
Succede spesso che un tag di ancoraggio sia usato con l' evento onclick. Per scongiurare che la pagina venga ricaricata, l' attributo href viene spesso settato con "#" oppure "javascript:void(0)". Entrambi questi valori possono portare ad errori inaspettati quando si copiano e aprono link in una nuova scheda e/o finestra. Bisogna essere consapevoli di questo per ragioni di usabilità, e quando gli utenti usano il tag di ancoraggio, cercare di prevenire dei comportamenti di default.