Link

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

Attributi del Link

target

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

download

L'attributo download può essere utilizzato con il tag HTML <a> per specificare che la risorsa di destinazione deve essere scaricata anziché 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 hai bisogno di 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.

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.

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

Esploriamo il seguente esempio, presentato sotto forma di CodeSandbox. Questa piattaforma consente l'ispezione del codice e ti permette di esaminare la funzionalità del codice.

Nota

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

Per visualizzare il codice, trascina il cursore sul lato sinistro del code sandbox. Questo rivelerà il codice esistente all'interno dell'editor.

Pulsante

Il tag <button> in HTML è utilizzato per creare un pulsante cliccabile che può attivare un'azione, come inviare un modulo, eseguire una funzione JavaScript come aprire e chiudere una finestra pop-up, o attivare un menu mobile. Di default, il <button> ha l'attributo type, e il suo valore è submit. Tuttavia, spesso è necessario specificare type="button".

Riepilogo

Il tag <a> viene utilizzato per creare collegamenti ipertestuali ad altre pagine web, documenti o risorse. Al contrario, il tag <button> viene utilizzato per creare interattività su una pagina web, attivare un evento o eseguire un'azione. È essenziale non confondere i loro scopi.