Sådan tilføjer du website ikon i HTML

Lær hvordan du tilføjer website ikon i HTML (Favicon).

Sådan tilføjer du website ikon i HTML

Website ikon (favicon) er det lille billede, der vises ved siden af sidetitlen i browserfanevinduet.

Du kan bruge ethvert billede, du kan lide, som website ikon. Du kan også oprette dit eget website ikon på websites som https://favicon.cc.

Tip:Website ikonet er et lille billede, så det bør være et enkelt billede med høj kontrast.

Website ikonet vises på browserfanevinduet til venstre for sidetitlen, såsom vist her:

Eksempler på websideikoner

For at tilføje et website ikon til din hjemmeside, skal du gemme dit website ikon billede i roden af din web server, eller oprette en mappe ved navn "images" i roden og gemme dit website ikon billede her. Det almindelige navn på et website ikon billede er "favicon.ico".

næste, i "index.html"-filen <title> tilføj et element efter <link> Elementer, såsom følgende:

<!DOCTYPE html>
<html>
<head>
  <title>Min Sides Titel</title>
  <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
<body>
<h1>Dette er en overskrift</h1>
<p>Dette er en afsnit.</p>
</body>
</html>

Prøv det selv

Nu skal du gemme "index.html"-filen og genindlæse den i din browser. Din browserfane skal nu vise dit websites ikon til venstre for sidetitlen.