Hoe website pictogram toevoegen in HTML

Leer hoe je een website pictogram (Favicon) toevoegt in HTML.

Hoe website pictogram toevoegen in HTML

Een website pictogram (favicon) is een klein afbeelding dat wordt weergegeven naast de paginatitel in de browser tabblad.

U kunt elke afbeelding die u wilt gebruiken als website pictogram. U kunt ook uw eigen website pictogram maken op websites zoals https://favicon.cc.

Tip:Een website pictogram is een klein afbeelding, dus het zou een eenvoudige afbeelding met hoge contrast moeten zijn.

Het website pictogramafbeelding wordt weergegeven links van de paginatitel in de browser tabblad, zoals weergegeven:

Voorbeeld van een website-pictogram

Om het website pictogram toe te voegen aan uw website, sla uw website pictogramafbeelding op in de wortelmap van de webserver, of maak een map genaamd images aan in de wortelmap en sla uw website pictogramafbeelding in deze map op. De gebruikelijke naam van het website pictogramafbeelding is "favicon.ico".

Vervolgens, in het "index.html"-bestand <title> Voeg een element toe achter <link> Elementen, zoals weergegeven:

<!DOCTYPE html>
<html>
<head>
  <title>Mijn Paginatitel</title>
  <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
<body>
<h1>Dit is een Hoofding</h1>
<p>Dit is een paragraaf.</p>
</body>
</html>

Probeer het zelf uit

Nu, sla het "index.html"-bestand op en laad het opnieuw in de browser. Uw browser tabblad zou links van de paginatitel uw website pictogram moeten weergeven.