# Definire link con i tag link HTML “link” e “a” Il tag `` HTML ti consente di ancorare hyperlink a destinazioni interne o esterne come URL, elementi multimediali, file o altri elementi nel testo HTML. Così migliori la navigabilità, ottimizzi le proprietà SEO e assicuri una maggiore facilità d’uso per gli utenti. Per impostare link, oltre a `` si usano anche il tag `` e altri attributi. ## Cosa sono i tag link HTML? I tag link HTML `` e `` sono usati per ancorare collegamenti a risorse interne o esterne in un documento [HTML](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/cose-lhtml/). Con i tag `` è possibile integrare hyperlink a siti web esterni o interni e collegamenti a file, documenti e download. Mediante i tag `` puoi inserire risorse come fogli di stile, tipi di caratteri e icone, migliorando la funzionalità, la facilità d’uso e la navigabilità all’interno di un sito. ## Qual è la differenza tra `` e ``? Per integrare hyperlink (collegamenti ipertestuali) o risorse esterne, a seconda del caso entrano in gioco i [tag HTML](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/tag-html/) `` oppure ``. Hanno **scopi e funzioni diverse**, pertanto occorre prestare attenzione alle differenze: - ``: il tag `` sta per “anchor”, perché permette di ancorare hyperlink a URL o immagini, grafici e video nelle pagine HTML. Può trattarsi di elementi all’interno dello stesso sito web oppure di risorse esterne. - ``: il tag `` consente principalmente di integrare risorse esterne come fogli di stile CSS, favicon, documenti o caratteri in documenti HTML. Puoi così determinare l’aspetto o il comportamento di una pagina HTML o il suo funzionamento con la tecnica del prefetching o gli URL preferiti (URL canonici). La differenza principale è che `` è usato **prevalentemente per l’integrazione di hyperlink**, mentre a `` si ricorre in particolare per integrare elementi esterni come fogli di stile. Inoltre, i tag `` vengono integrati principalmente all’interno dell’area ``, mentre i tag `` sono usati nell’area `

`. ## La sintassi dei tag link HTML Di seguito ti spieghiamo la sintassi dei due tag link HTML `` e ``. ### Sintassi del tag `` Per usare correttamente il tag link ``, oltre alla `` di apertura e alla `` di chiusura hai bisogno di altri elementi come: - `href`: con l’attributo [href HTML](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/a-href-html/) definisci l’URL di destinazione a cui rimandare con il tag link. Può trattarsi di un URL assoluto o relativo o anche di un ID di ancoraggio per la stessa pagina. - **Testo link o tag immagine**: l’URL di destinazione viene integrato come URL relativo o assoluto all’interno dei tag `…` e dopo l’attributo `href` per ancorare il collegamento nel testo HTML. Lo stesso vale nel caso delle immagini per i tag delle immagini. Altri attributi opzionali all’interno dei tag `` sono: - `target`: definisce dove essere aperto un URL di destinazione, ad esempio con `_blank` per una nuova scheda o una nuova finestra oppure con `_parent` per un frame di livello superiore - `download`: definisce che gli hyperlink eseguono automaticamente un download - `title`: serve per visualizzare titoli o descrizioni relativi agli hyperlink quando il cursore passa sopra l’area collegata -`rel`: definisce il rapporto tra la pagina corrente e quella collegata; ad esempio con `rel=nofollow` si può stabilire che i motori di ricerca non possano cercare un hyperlink. **Esempio:** ```html Testo link o tag immagine ``` ### Sintassi del tag `` A seconda dello scopo, per integrare il tag `` in HTML si possono considerare diverse varianti e [attributi HTML](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/attributi-html/): #### Collegare fogli di stile Per **integrare fogli di stile CSS esterni** e definire l’aspetto di un sito web si utilizza la sintassi seguente: ```html ``` #### Collegare favicon Per visualizzare **piccoli simboli o immagini (favicon) vicino agli URL** si usa la sintassi seguente. ```html ``` #### Prefetching Per **migliorare le prestazioni di caricamento dei siti web** è possibile caricare risorse in background con il prefetching. A questo scopo si utilizza la sintassi seguente: ```html ``` #### URL o tag canonici Collegando URL o tag canonici puoi comunicare ai motori di ricerca **quale URL deve essere preferito** quando diversi URL rimandano alla stessa pagina: ```html ``` #### Collegare URL alternativi Se sono disponibili **diverse versioni dello stesso sito web**, ad esempio in varie lingue, è possibile collegarle come segue: ```html ``` Consiglio Dai uno sguardo al nostro [tutorial su HTML per principianti](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/imparare-lhtml-lampio-tutorial-per-principianti/) per scoprire ancora di più questo linguaggio. ## Per quali scopi si usano i tag link HTML? I comuni campi di applicazione dei tag link HTML sono: - Navigazione migliorata mediante menu e barre di navigazione integrati - Collegamento e integrazione di hyperlink a risorse o URL interni o esterni - Download di file e documenti - Collegamento efficiente alle pagine secondarie interne rilevanti mediante link di ancoraggio - Accessibilità e ottimizzazione per i motori di ricerca - Miglioramento dei tempi di caricamento e delle prestazioni dei siti web This is a markdown version of: [https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/tag-link-html/](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/tag-link-html/) for AI/LLM consumption.