Page 16 - Guida tascabile HTML5
P. 16
RIFERIMENTO Trovate l’elenco completo di attributi legati al tag <meta> all’URL
https://www.w3.org/TR/html5/document-metadata.html#the-meta-element.
Il tag <link>
Oltre ai metadati in senso stretto, ai quali è dedicato il precedente paragrafo, la
sezione <head> raccoglie anche i riferimenti alle risorse necessarie per la
visualizzazione e il funzionamento della pagina, come per esempio i fogli di stile
CSS, oppure link a contenuti aggiuntivi correlati. Con il tag <link> e attributi
specifici è possibile collegare tali risorse per fare in modo che il browser ne tenga
conto durante il rendering. Ecco alcuni esempi di sintassi:
<link rel="stylesheet" type="text/css" href="stile.css">
<link rel="icon" type="image/png" href="icon.png">
Con la prima riga di codice viene creato un riferimento con un foglio stile CSS
(stylesheet), mentre con la seconda si collega un’icona che verrà utilizzata nella
barra del titolo e nei preferiti. L’attributo rel specifica il tipo di relazione esistente
tra il documento principale e quello a cui si fa riferimento, type indica al browser
il tipo di file (per consentire quando necessario la corretta interpretazione) e href
fa riferimento al percorso fisico e al nome del file sul server.
Oltre a fare riferimento a risorse necessarie per la pagina, il tag <link> può
essere utilizzato per creare collegamenti ad altri documenti disponibili online: per
esempio con rel="author" è possibile dichiarare un URL legato all’autore del
documento, mentre con rel="up" (genitore), rel="prev" (precedente) e rel="next"
(successivo) è possibile creare una gerarchia in una serie di documenti (pensate
per esempio alle lezioni di un corso, suddivise su più pagine). Con rel="license" si
può dichiarare il tipo di licenza con cui è distribuito il contenuto, inserendo un link
a una pagina con la descrizione della licenza stessa (utile per esempio quando si
vuole fare riferimento a una licenza Creative Commons).
<link rel="author" href="http://www.apogeonline.com">
<link rel="up" href=" http://www.apogeonline.com">
NOTA Per le risorse collegate è possibile dichiarare URL relativi, quando il percorso
ha come punto di riferimento il file HTML su cui si sta lavorando (per esempio
href="img/apogeo.gif"), oppure URL assoluti, che comprendono il dominio di
riferimento, indipendente dalla posizione del file HTML (per esempio
href="http://www.apogeonline.com/img/apogeo.gif"). Trovate l’elenco completo degli
attributi legati al tag <link> (in particolare i valori da attribuire a rel per creare relazioni
