Come fare per - Aggiungere una favicon in HTML
Scopri come aggiungere una favicon in HTML.
Come aggiungere una favicon in HTML
Una favicon è una piccola immagine visualizzata accanto al titolo della pagina nella scheda del browser.
Puoi usare qualsiasi immagine che ti piace come favicon. Puoi anche creare la tua favicon su siti come https://favicon.cc .
Suggerimento: una favicon è una piccola immagine, quindi dovrebbe essere un'immagine semplice con un contrasto elevato.
Un'immagine favicon viene visualizzata a sinistra del titolo della pagina nella scheda del browser, in questo modo:
Per aggiungere una favicon al tuo sito web, salva l'immagine della favicon nella directory principale del tuo server web o crea una cartella nella directory principale chiamata images e salva l'immagine della favicon in questa cartella. Un nome comune per un'immagine favicon è "favicon.ico".
Quindi, aggiungi un <link>
elemento al tuo file "index.html", dopo l' <title>
elemento, in questo modo:
Esempio
<!DOCTYPE html>
<html>
<head>
<title>My Page
Title</title>
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Ora salva il file "index.html" e ricaricalo nel tuo browser. La scheda del browser dovrebbe ora visualizzare l'immagine della favicon a sinistra del titolo della pagina.