Come aggiungere un'icona del sito web in HTML

Impara come aggiungere un'icona del sito web (Favicon) in HTML.

Come aggiungere un'icona del sito web in HTML

L'icona del sito web (favicon) è un'immagine piccola visualizzata accanto al titolo della pagina nella scheda del browser.

Puoi utilizzare qualsiasi immagine che ti piace come icona del sito web. Puoi anche creare la tua icona del sito web su siti come https://favicon.cc.

Suggerimento:L'icona del sito web è un'immagine piccola, quindi dovrebbe essere un'immagine semplice con alta contrasto.

L'icona del sito web viene visualizzata nella parte sinistra del titolo della scheda del browser, come mostrato di seguito:

Esempi di icone del sito web

Per aggiungere l'icona del tuo sito al tuo sito web, salva l'immagine dell'icona del tuo sito nella directory radice del server Web o crea una cartella chiamata images nella directory radice e salva l'immagine dell'icona del tuo sito in questa cartella. Il nome comune dell'immagine dell'icona del sito web è "favicon.ico".

Quindi, nel file "index.html" <title> Aggiungi un elemento dopo <link> Elementi, come ad esempio:

<!DOCTYPE html>
<html>
<head>
  <title>Titolo della Mia Pagina</title>
  <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
<body>
<h1Questo è un Intestazione</h1>
<pQuesto è un paragrafo.</p>
</body>
</html>

Prova a farlo tu stesso

Ora, salvare il file "index.html" e ricaricarlo nel browser. La scheda del browser dovrebbe ora mostrare l'icona del tuo sito nella parte sinistra del titolo della pagina.