htmlの<title>

htmlのタグにアイコンを追加すると、Webページのタイトルの左側にWebページのロゴアイコンが表示されます。

高洛峰

リリース： 2017-02-15 13:48:56

オリジナル

9821 人が閲覧しました

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

図に示すように、黒い丸の中にアイコンが表示されます:

ステップ 1: 画像内にアイコンを表示します。ここでの画像は ico 形式のみをサポートしており、画像形式を変換する必要があります。元の画像は受け入れられます: .jpg、jpeg、.gif、.png、およびその他の画像形式
この Web サイト //m.sbmmt.com/ に元の画像をアップロードし、ico 形式のアイコンを生成します (Baidu ico は、 ico アイコンを作成します);
注: アイコンは 16*16 色を使用する必要があります。。。 (互換性が保証されており、どこにいても表示できます)

ステップ 2: アイコンを Web サイトのルートディレクトリに配置します

にアイコンを導入します
左側の表示Web ページのタイトルの横: < link rel="icon" href="アイコンアドレス" 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>

ログイン後にコピー

生成されたアイコンの名前を変更して引用することをお勧めします;生成後に bitbug_favicon.ico になっている場合は、指定した名前に変更します。ico

If有効にならない場合は、ブラウザを閉じて再度開きます。

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