Hur man lägger till webbplatsikon i HTML

Lär dig hur man lägger till webbplatsikon (Favicon) i HTML.

Hur man lägger till webbplatsikon i HTML

Webbplatsikon (favicon) är en liten bild som visas vid sidan av sidans titel i webbläsartabellen.

Du kan använda vilket bildval du vill som webbplatsikon. Du kan också skapa din egen webbplatsikon på sajter som https://favicon.cc.

Tips:Webbplatsikon är en liten bild, så den bör vara en enkel bild med hög kontrast.

Webbplatsikonbilden visas till vänster om sidans titel i webbläsartabellen, såsom följande:

Exempel på webbikoner

För att lägga till en webbplatsikon till din webbplats, spara din webbplatsikonbild till rotdirektoriet på din webbserver eller skapa en mapp vid rotdirektoriet med namnet "images" och spara din webbplatsikonbild här. Det vanliga namnet på en webbplatsikonbild är "favicon.ico".

Nästa, i filen "index.html" <title> Lägg till ett element efter <link> Element, såsom följande:

<!DOCTYPE html>
<html>
<head>
  <title>Min sidans titel</title>
  <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
<body>
<h1>Detta är en rubrik</h1>
<p>Detta är en paragraf.</p>
</body>
</html>

Prova själv

Nu, spara filen "index.html" och ladda den om i webbläsaren. Din webbläsartabell bör nu visa din webbplatsikon till vänster om sidans titel.