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
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
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
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
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.
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.
Grazie per i tuoi commenti!
Chieda ad AI
Chieda ad AI
Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione