Proprietà rel di HTML <link>

Tag HTML <link>

Definizione e uso

Obbligatorio rel L'attributo specifica il tipo di relazione tra il documento corrente e il documento/risorsa collegato.

Esempio

Esempio 1

Importa una tabella di stili esterna:

<link rel="stylesheet" href="styles.css">

Prova a farlo tu stesso

Esempio 2

Ecco come aggiungere l'icona del sito web al sito:

<!DOCTYPE html>
<html>
<head>
  <title>My Page Title</title>
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

Sintassi

<link rel="value">

Valore dell'attributo

Valore Descrizione
alternate

Fornisce un link al rappresentante alternativo del documento (ad esempio, pagina di stampa, traduzione o mirror).

Esempio: <link rel="alternate" type="application/atom+xml" href="/blog/news/atom">
author Fornisce un link all'autore del documento.
dns-prefetch Stabilisce che il browser deve eseguire prima la risoluzione DNS del dominio del risorsa di destinazione.
help

Fornisce un link al documento di aiuto.

Esempio: <link rel="help" href="/help/">
icon

Importa l'icona che rappresenta il documento.

Esempio: <link rel="icon" href="favicon.ico" type="image/x-icon">
license Fornisce un link alle informazioni sul copyright del documento.
next Fornisce un link al documento successivo della serie.
pingback Fornisce l'indirizzo del server pingback per il pingback del documento corrente.
preconnect Stabilisce che il browser deve pre-connettersi alla sorgente delle risorse di destinazione.
prefetch Stabilisce che il browser deve pre-caricare e cache le risorse di destinazione, poiché potrebbero essere utilizzate in navigazioni successive.
preload Stabilisce che l'agente del browser deve pre-caricare e cache i risorse del destinazione specificato dall'attributo "as" (e la priorità associata a tale destinazione).
prerender

Stabilisce che il browser deve pre-renderizzare (caricare) la pagina web specificata in background.

Se l'utente naviga verso questa pagina, accelererà la velocità di caricamento della pagina (poiché la pagina è già stata caricata).

Attenzione! Questo comportamento può consumare la larghezza di banda dell'utente! Utilizzare il pre-rendering solo quando sei assolutamente sicuro che la pagina web è necessaria in un momento della navigazione dell'utente.
prev Indica che il file fa parte di una serie e che il file precedente nella serie è il file citato.
search Fornisce link a risorse utilizzabili per cercare il documento corrente e le sue pagine correlate.
stylesheet Importare foglio di stile.

Supporto browser

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

Tag HTML <link>