Comment ajouter un icône de site en HTML

Apprenez à ajouter un icône de site en HTML (Favicon).

Comment ajouter un icône de site en HTML

L'icône de site (favicon) est une petite image affichée à côté du titre de la page dans l'onglet du navigateur.

Vous pouvez utiliser toute image de votre choix comme icône de site. Vous pouvez également créer votre propre icône de site sur des sites tels que https://favicon.cc.

Astuce :L'icône de site est une petite image, donc elle devrait être une image simple à forte contraste.

L'icône de site s'affiche à gauche du titre de la page dans l'onglet du navigateur, comme suit :

Exemple d'icône de site web

Pour ajouter un icône de site à votre site, enregistrez l'image de votre icône de site dans le répertoire racine de votre serveur Web, ou créez un dossier nommé "images" dans le répertoire racine et enregistrez l'image de votre icône de site dans ce dossier. Le nom commun de l'image de l'icône de site est "favicon.ico".

Ensuite, dans le fichier "index.html", <title> Ajoutez un élément après <link> Les éléments, comme suit :

<!DOCTYPE html>
<html>
<head>
  <title>Mon Titre de Page</title>
  <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
<body>
<h1>Ceci est un En-tête</h1>
<p>Ceci est un paragraphe.</p>
</body>
</html>

Essayez-le vous-même

Maintenant, enregistrez le fichier "index.html" et rechargez-le dans votre navigateur. Votre icône de site devrait maintenant s'afficher à gauche du titre de la page dans l'onglet de votre navigateur.