I favicon sono le icone di un sito internet, che possono essere visti da un utente in alto nel browser: è l’icona della scheda aperta.
Come inserire una favicon
Possiamo inserire una favicon grazie al tag <link> e inserendo l’attributo rel=”valore” e come valore icon. Si può anche aggiungere type=”image/x-icon” per una maggiore compatibilità con i browser. Normalmente, il nome per una favicon è “favicon.ico”. Si deve anche aggiungere l’attributo href per trovare il file della favicon. Per visualizzare correttamente la favicon, devi utilizzare un'immagine che deve essere quadrata e avere una dimesione di 48px o multipli, come 48x48px, 96x96px, ecc.
Tutti i browser supportano le favicon.
Un esempio
Nella pagina HTML, inserisci la tua favicon con il tag <link>. Poi, apri la pagina nel browser e controlla l'icona della scheda aperta.
<!DOCTYPE html>
<html>
<head>
<link rel="icon" type="image/x-icon" href="/favicon.ico">
</head>
<body>
<h2>Questa pagina ha l’icona</h2>
</body>
</html>
Prossima lezione |