Etichetta HTML <a>

Definizione e utilizzo

<a> Il tag definisce i collegamenti ipertestuali, utilizzati per collegare una pagina a un'altra.

<a> L'attributo più importante dell'elemento è Proprietà hrefindica la destinazione del collegamento.

Di default, i collegamenti vengono visualizzati nei browser come segue:

  • I collegamenti non visitati sono sottolineati e blu
  • I collegamenti visitati sono sottolineati e viola
  • I collegamenti che stai visitando sono sottolineati e rossi

Probabilmente avrai notato che i collegamenti nel sito CodeW3C.com hanno un aspetto molto diverso rispetto al loro aspetto predefinito. Puoi usare Pseudo-classe CSS Aggiungi stili complessi e variati ai collegamenti di testo.

Vedi anche:

Tutorial HTML:Link HTML

Manuale di riferimento HTML DOM:Oggetto Anchor

Tutorial CSS:Stile dei collegamenti

Definizione dei termini

Cos'è l'ipertesto?

Esempio

Esempio 1

Crea un collegamento verso codew3c.com:

<a href="https://www.codew3c.com">Apri codew3c.com!</a>

Esempio 2

Come utilizzare un'immagine come collegamento:

<a href="https://www.codew3c.com">
<img border="0" alt="W3School" src="w3logo.png" width="400" height="225">
</a>

Esempio 3

Come aprire un collegamento in una nuova finestra del browser:

<a href="https://www.codew3c.com" target="_blank">Apri codew3c.com!</a>

Esempio 4

Come collegarsi a un indirizzo email:

<a href="mailto:someone@example.com">Inviare una email</a>

Esempio 5

Come collegarsi a un numero di telefono:

<a href="tel:+8613888888888">+86 138 8888 8888</a>

例子 6

<a href="#section2">Vai alla sezione 2</a>


<a href="javascript:alert('Hello World!');">Esegui JavaScript</a>

Se il tag <a> non ha l'attributo href, è solo un segnaposto per un collegamento ipertestuale.

La pagina collegata viene solitamente visualizzata nella finestra del browser corrente, a meno che non si specifichi un altro obiettivo (usando l'attributo target).

Utilizza le impostazioni CSS per impostare lo stile del link:Link CSS Pulsante CSS.

download Definisce l'oggetto che verrà scaricato quando l'utente clicca sul collegamento ipertestuale.
href Definisce l'URL della pagina a cui il link si riferisce.
Definisce la lingua del documento collegato.
Definisce per quale tipo di media/dispositivo il documento collegato è ottimizzato.
Elenco di URL Definisce una lista di URL separati da spazi, quando il link viene visitato, il browser invierà una richiesta POST con il corpo del ping (in background). Di solito usato per il tracciamento.
Definisce le informazioni di riferimento da inviare insieme al link.
Definisce il rapporto tra il documento corrente e il documento collegato.
target
Definisce dove aprire il documento collegato.
type Tipo di media Definisce il tipo di media del documento collegato.

Attributi globali

<a> I tag supportano anche Attributi globali HTML.

Attributi degli eventi

<a> I tag supportano anche Attributi degli eventi HTML.

Impostazioni CSS predefinite

La maggior parte dei browser utilizzerà i seguenti valori predefiniti per visualizzare <a> Elemento:

a:link, a:visited {
  color: (valore interno);
  text-decoration: underline;
  cursor: auto;
{}
a:link:active, a:visited:active {
  color: (valore interno);
{}

Supporto browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto