et l'icône du logo de la page Web sera affichée sur le côté gauche du titre de la page Web.-tutoriel HTML-php.cn

Maison  >  Article  >  interface Web  >  Ajoutez une icône à la balise html et l'icône du logo de la page Web sera affichée sur le côté gauche du titre de la page Web.

Ajoutez une icône à la balise html et l'icône du logo de la page Web sera affichée sur le côté gauche du titre de la page Web.

高洛峰
高洛峰original
2017-02-15 13:48:569781parcourir

在html<title></title>标签添加图标,网页title左边显示网页的logo图标

Comme le montre l'image, une icône est affichée dans le cercle noir :

Étape 1 : Afficher l'icône dans l'image L'image ici ne prend en charge que le format ico. et doit être converti Format d'image.
Les images originales sont acceptables : .jpg .jpeg .gif .png et autres formats d'image
Téléchargez votre image originale à cette URL http://www.php.cn/ et puis générez une icône au format ico (Baidu ico peut trouver le site Web qui crée des icônes ico
Remarque : l'icône doit utiliser 16*16 couleurs) ; . . (Compatibilité garantie, il peut être affiché peu importe où il se trouve)

Étape 2 : Placez l'icône dans le site Web répertoire racine
Introduisez-la dans Icône
Affichée sur le côté gauche du titre de la page Web :
Icône d'affichage des favoris : < link rel="shortcut icon" href="Icon address" type="image/x-icon">

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8" />
            <title>一个有梦想咸鸭蛋</title>
            <!--网页标题左侧显示-->
            <link rel="icon" href="1111.ico" type="image/x-icon">
            <!--收藏夹显示图标-->
            <link rel="shortcut icon" href="1111.ico" type="image/x-icon">
        </head>
        <body>
            
        </body>
    </html>

Il est recommandé de changer le nom de l'icône générée et de la citer si c'est le cas ; est bitbug_favicon.ico après génération, remplacez-le par le vôtre. Nommez-le .ico
S'il ne prend pas effet, fermez le navigateur et rouvrez-le ;
在html<title></title>标签添加图标,网页title左边显示网页的logo图标

Comment obtenir celui de quelqu'un d'autre logo

Ouvrez les outils de développement sur la page d'accueil du site Web Recherchez

在html<title></title>标签添加图标,网页title左边显示网页的logo图标

Clic droit pour ouvrir le lien dans un nouvel onglet ; Google est Ouvrir le lien dans un nouvel onglet

Attention à faire un clic droit sur l'adresse du lien de href, sinon là il n’y aura pas d’option Ouvrir le lien dans un nouvel onglet.

在html<title></title>标签添加图标,网页title左边显示网页的logo图标


Plus Ajoutez une icône à la balise html à gauche du titre de la page Web Articles connexes Veuillez faire attention au site Web PHP chinois !

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:Attribut HTML DOM classListArticle suivant:Attribut HTML DOM classList