ウェブサイトにファビコンを追加するためのヒント: 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()の使い方を理解する必要があります

推薦する

Linux の traceroute コマンドの使用方法の詳細な説明

Traceroute を使用すると、情報がコンピュータからインターネットの反対側のホストまでたどるパ...

WAMPにインストールするとMySQLが起動できるが、再起動後に起動できなくなる問題の解決方法

初めてwampをインストールした後、すべてのサービスが正常に使用できますが、再起動するとwampのア...

JS の compose 関数と pipe 関数の使い方の詳細な説明

目次作成機能配列プロトタイプの削減Array.prototype.reduceRightパイプ関数作...

Centos7 での Mysql5.7.19 の詳細なインストールチュートリアル

1. ダウンロード公式サイトからmysql-5.7.19-linux-glibc2.12-x86_6...

さまざまなマウスの形状を表現する方法

<a href = "http://" style = "cur...

Docker で MySQL データベースを使用して LAN アクセスを実現する

1. MySQLイメージを取得する docker pull mysql:5.6注: mysql5.7...

Windows 10 1903 エラー 0xc0000135 の解決方法 [推奨]

Windows 10 1903 は、2019 年に Microsoft がリリースした Windo...

Ubuntu 18.04 のsources.listをAlibabaまたはTsinghuaミラーに変更する方法

1. バックアップソースリストUbuntu のデフォルトのソースは国内サーバーではないため、更新され...

JavaScriptの基礎を学ぶ

目次1. JavaScriptを記述する場所2. JavaScriptでよく使われる入力文と出力文1...

react+antdプロジェクトをゼロから構築する方法を教えます

これまでの記事はすべて私自身の学習記録であり、主に以前に遭遇した落とし穴を忘れないようにするためのも...

Vue プロジェクトでよく使用されるツール機能の概要

目次序文1. カスタムフォーカスコマンド1. 方法1 2. 方法2 3. 方法3 2. 入力ボックス...

Tomcat+Mysql の高同時実行構成の最適化の説明

1.Tomcatの最適化構成(1)Tomcatのcatalina.batを変更するJavaをサーバー...

マルチコア CPU を使用して Linux コマンドを高速化する方法 (GNU Parallel)

非常に大量のデータ(数百 GB)を計算する必要があったことはありますか?または、その内部を検索したり...

Linux でソースインストールされたパッケージを簡単に削除する方法

ステップ1: Stowをインストールするこの例では CentOS を使用しているため、拡張 EPEL...

Vueフォームバインディングとコンポーネントの詳細な説明

目次1. 双方向データバインディングとは1. データの双方向バインディングを実装する必要があるのはな...