ウェブサイトにファビコンを追加するためのヒント: URLの前の小さなアイコン

ウェブサイトにファビコンを追加するためのヒント: URLの前の小さなアイコン
いわゆるファビコンは、Favorites Icon の略で、中国語ではウェブサイトアバターと呼ばれています。名前が示すように、ブラウザのお気に入りに対応するタイトルを表示するだけでなく、アイコンによってさまざまなウェブサイトを区別することができます。もちろん、ファビコンはこれだけではありません。ファビコンの表示はブラウザによって異なります。FireFox や Internet Explorer (5.5 以上) などの主流ブラウザのほとんどでは、ファビコンはお気に入りに表示されるだけでなく、アドレス バーにも表示されます。ユーザーはファビコンをデスクトップにドラッグして、Web サイトへのショートカットを作成できます。さらに、タブ ブラウザには拡張機能も多数あり、FireFox ではアニメーション形式のファビコンもサポートされています。

<head></head>の間に次のコードを追加するだけです。

コードをコピー
コードは次のとおりです。

<link href="favicon.ico" mce_href="favicon.ico" rel="bookmark" type="image/x-icon" />
<link href="favicon.ico" mce_href="favicon.ico" rel="icon" type="image/x-icon" />
<link href="favicon.ico" mce_href="favicon.ico" rel="ショートカットアイコン" type="image/x-icon" />

注: コードの 1 行目と 3 行目の目的: アイコンは、エクスプローラー ウィンドウでもブラウザーのお気に入りの場合でも、お気に入りの下にも表示されます。

<<:  Vue3.0 手書きカルーセル効果

>>:  CSS変数var()の使い方を理解する必要があります

推薦する

uniapp パッケージ化されたアプレット レーダー チャート コンポーネントの完全なコード

効果画像:実装コードは以下のとおりですビュー <canvas id="radar-c...

Linux\Nginx 環境での仮想ドメイン名の設定とテスト検証

Nginx 仮想ドメイン名設定を使用すると、ドメイン名を購入せずに特定のドメイン名を介してローカル ...

全体的なユーザーエクスペリエンスを確保する方法

関連記事:ユーザーエクスペリエンスのためのウェブサイトデザイン今朝、GMail がまた不調になり、接...

WeChatアプレットは左にスワイプしてリスト項目を削除する効果を実現

この記事では、WeChatミニプログラムの具体的なコードを共有し、左にスワイプしてリスト項目を削除す...

Iframe Web ページのナビゲーション ウィンドウに関する簡単な説明

Iframe Web ページのナビゲーション ウィンドウに関する簡単な説明 Iframe ウェブペー...

vue-element-admin プロジェクトのインポートとエクスポートの実装

vue-element-admin インポートコンポーネントのカプセル化テンプレートとスタイルまず、...

MySQL 文字列分割の例 (区切り文字なしの文字列抽出)

区切り文字なしの文字列抽出質問の要件データベース内のフィールド値:実装効果: 1行のデータを複数行に...

Centos7.2 で mysql5.7 データベースをインストールするための詳細な手順

サーバー上の mysql はバージョン 8.0.12 でインストールされており、ローカルのものはバー...

a タグをクリックして入力ファイルのアップロードダイアログボックスを表示する方法

htmlコードをコピーコードは次のとおりです。 <SPAN class=tag><...

AIX マウント NFS の書き込み効率が低い場合の解決策

NFSが提供するサービスマウント: サーバー上で /usr/sbin/rpc.mountd サーボ ...

Docker デプロイメント Springboot プロジェクト例の分析

この記事は主に、docker デプロイメント springboot プロジェクトのサンプル分析を紹介...

Centos8.2 クラウド サーバー環境に Tomcat8.5 をインストールするための詳細なチュートリアル

Tomcatをインストールする前に、まずJDK環境をインストールしてくださいLinux サーバー上で...

CSS を使用して三角形を実装する一般的な手法 (複数の方法)

面接の経験によっては、CSS に関する質問がよく見られ、CSS を使用して三角形を描画する方法につい...

nginxリバースプロキシのyum設定の詳細な手順

パート0 背景社内のイントラネットサーバーは直接インターネットにアクセスすることはできませんが、外部...