Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Utilizzo dei link | Tag e Attributi HTML
HTML Definitivo

Utilizzo dei link

Scorri per mostrare il menu

Il tag <a> viene utilizzato per creare collegamenti ipertestuali che permettono agli utenti di navigare tra diverse pagine web. Quando un utente fa clic su un collegamento, il browser invia una richiesta al server per la pagina associata al collegamento e visualizza la risposta sullo schermo. L'attributo href serve a specificare l'URL della pagina di destinazione.

index.html

index.html

Attributi dei collegamenti

target

Per impostazione predefinita, il link si apre nella stessa scheda del browser. L'attributo target consente di modificare questo comportamento. Per aprire un link in una nuova scheda, utilizzare target="_blank".

index.html

index.html

download

L'attributo download può essere utilizzato con il tag HTML <a> per specificare che la risorsa di destinazione deve essere scaricata invece di essere visualizzata nel browser. Quando viene utilizzato l'attributo download, il browser chiede all'utente di salvare il file con il nome specificato. Ad esempio, se è necessario creare un elemento con la seguente funzionalità: quando l'utente clicca sul link, il browser scaricherà il file "myfile.pdf" da https://example.com/ e chiederà all'utente di salvarlo con il nome myfile.pdf.

index.html

index.html

href

L'attributo href viene utilizzato non solo per navigare verso altre pagine, ma anche per creare collegamenti a indirizzi email, numeri di telefono e sezioni specifiche.

index.html

index.html

Inoltre, l'attributo href può essere utilizzato per navigare verso sezioni specifiche all'interno di una pagina web. Per creare un tag ancora, assegna un attributo id (un identificatore univoco) alla sezione desiderata a cui si vuole scorrere. L'attributo href assume un valore che inizia con il simbolo # seguito dal valore dell'id.

Esploriamo il seguente esempio, presentato sotto forma di CodeSandbox. Questa piattaforma consente di ispezionare il codice e di esaminare la funzionalità del codice.

Note
Nota

Prenditi un momento per ispezionare la funzionalità cliccando sui link e osservando come la pagina dal vivo scorre verso le sezioni specifiche. Inoltre, presta attenzione agli attributi del tag a e del tag h2.

question mark

Qual è la funzione principale del tag <a>?

Seleziona la risposta corretta

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 2. Capitolo 9

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Sezione 2. Capitolo 9
some-alt