English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Il tag <a> di HTML definisce un collegamento ipertestuale che puntano a un URL o un obiettivo nel documento HTML. Questo tag è anche noto come elemento <a>.
Collegamento al sito Web delle istruzioni di base :
!DOCTYPE html <html> <head> <meta charset="utf-8"> <title>Il sito Web delle istruzioni di base (oldtoolbag.com)</title> </head> <body> <a href="https://it.oldtoolbag.com">Visita il sito Web di base delle istruzioni!</a> </body> </html>Prova a vedere ‹/›
IEFirefoxOperaChromeSafari
Tutti i browser principali supportano il tag <a>.
Il tag <a> definisce un collegamento ipertestuale, utilizzato per collegare una pagina a un'altra pagina.
L'attributo più importante dell'elemento <a> è l'attributo href, che specifica il target del collegamento.
In tutti i browser, l'aspetto predefinito dei collegamenti è il seguente:
I collegamenti non visitati sono sottolineati e di colore blu
I collegamenti visitati sono sottolineati e di colore viola
I collegamenti attivi sono sottolineati e di colore rosso
L'elemento <a> di HTML si trova all'interno del marchio <body>.
Il testo tra l'inizio <a> e la fine </a> viene visualizzato come testo del collegamento ipertestuale (testo con sottolineatura).
Se si desidera aprire una pagina risorsa in una nuova finestra, utilizzare l'attributo target = "_blank". Ad esempio, è possibile scrivere un collegamento ipertestuale come segue: <a href="/examples/filename.html" target="_blank">Collegamento al nome del file</a>
In HTML 4.01, il tag <a> può essere un collegamento ipertestuale o unancora. In HTML5, il tag <a> è un collegamento ipertestuale, ma se non c'è l'attributo href, è solo un segnaposto per il collegamento ipertestuale.
HTML5 ha alcune nuove proprietà e non supporta più alcune proprietà di HTML 4.01.
New：Nuove proprietà in HTML5.
| Proprietà | Valore | Descrizione |
|---|---|---|
| charset | char_encoding | Non supportato da HTML5. Definisce la codifica dei caratteri dell'URL di destinazione. |
| coords | coordinates | Non supportato da HTML5. Definisce le coordinate del link. |
| downloadHTML5 | filename | Specifica il link di download |
| href | URL | Definisce l'URL di destinazione del link. |
| hreflang | language_code | Definisce la lingua di base dell'URL di destinazione. Utilizzato solo quando l'attributo href esiste. |
| mediaHTML5 | media_query | Definisce il tipo di media dell'URL di destinazione. Valore predefinito: all. Utilizzato solo quando l'attributo href esiste. |
| name | section_name | Non supportato da HTML5. Definisce il nome dell'ancora. |
| pingHTML5 | list_of_URLs | Specifica una lista separata da spazi di URL, quando il link viene seguito, il browser invierà una richiesta ping (backend). Di solito usato per il tracciamento |
| referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin unsafe-url | Specifica il tipo di notifica specifica |
| rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | Definisce la relazione tra il documento corrente e l'URL di destinazione. Utilizzato solo quando l'attributo href esiste. |
| rev | text | Non supportato da HTML5. Definisce la relazione tra l'URL di destinazione e il documento corrente. |
| shape | default rect circle poly | Non supportato da HTML5. Definisce la forma del link. |
| target | _blank _parent _self _top framename | Definisce dove aprire l'URL di destinazione. Utilizzato solo quando l'attributo href esiste. |
| type HTML5 | MIME_type | Definisce il tipo MIME del URL di destinazione. Utilizzato solo quando l'attributo href esiste. Nota: MIME = Estensioni Multipurpose Internet Mail. |
Supporto del tag <a> Proprietà globali HTML。
Supporto del tag <a> Proprietà degli eventi HTML。
Link con immagini Questo esempio dimostra come usare link con immagini.
Collegamento a una posizione specifica nella pagina corrente Questo esempio dimostra come usare i segnalibri
Esci dal frame Questo esempio dimostra come uscire da un frame, se la tua pagina è bloccata all'interno di un frame.
Creazione di un link email Questo esempio dimostra come creare un link email. (Questo esempio funziona solo dopo l'installazione di un client di posta.)
Creazione di un link email 2 Questo esempio dimostra come creare un link email più complesso.
Creazione di un link telefonico Questo esempio dimostra come creare un link che permette di chiamare un numero di telefono.
Tutorial HTML:Link HTML
Manuale di riferimento HTML DOM: Oggetto Anchor