ウェブサイトにファビコンを追加するためのヒント: 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のテキスト処理コマンドsortの詳細な説明

テキストファイルの内容を並べ替える使用方法: ソート + オプション + ファイル名 (複数のファイ...

Vueはel-tree遅延読み込みを使用して、追加、削除、変更、クエリ機能を実装します。

Vue のツリー表示については、プロジェクトが使用されています: エフェクト ダイアグラムがツリー...

HTML タグの表示モード (ブロックレベル タグ、インライン タグ、インライン ブロック タグ) に関する簡単な説明

今日の講義では、HTML におけるタグの表示モードについてお話ししましたが、これはブロックレベルタグ...

キープアライブキャッシュをクリアする方法の詳細なグラフィック説明

目次オープニングシーンv-for を使用した直接レンダリングカスタムコンポーネントで直接レンダリング...

Ubuntu Server のターミナルのウェルカム メッセージで広告を無効にする方法

最新の Ubuntu Server バージョンを使用している場合、ようこそメッセージに、Ubuntu...

CSS モジュールソリューション

CSS のモジュール ソリューションは、JS のモジュール ソリューションと同じくらい多く存在すると...

JavaScript が Xiaomi のカルーセル効果を模倣

この記事は、透明度を変えてカルーセルにするXiaomiカルーセルを真似て書いたものです。初心者なので...

MySQL 最適化 Zabbix パーティション最適化

zabbix を利用する上での最大のボトルネックはデータベースです。zabbix のデータストレージ...

MySQL シーケンス AUTO_INCREMENT の詳細な説明とサンプルコード

MySQL シーケンス AUTO_INCREMENT の詳細な説明とサンプルコードMySQL シーケ...

MySQL の制限ページング最適化ソリューションの実装に関する簡単な説明

MySQL のページングステートメントの使用制限Oracle や MS SqlServer と比較す...

重複データの処理に関するMySQL学習ノート

MySQLは重複データを処理します一部の MySQL テーブルには重複レコードが含まれている場合があ...

WeChatアプレットを少なく使う方法(最適な方法)

序文私は less/sass を書くことに慣れていますが、小さなプログラムを開発するときには、まだ ...

MySQLの重複排除操作を極限まで最適化する方法

目次1. インデックスと変数の賢い使用1. インデックスなしの比較テスト2. created_tim...

Linux で特定の時間にコマンドを実行する方法

先日、rsync を使用して LAN 上の別のシステムに大きなファイルを転送していました。非常に大き...

CentOS8 で Docker を使用してオープンソース プロジェクト Tcloud をデプロイするチュートリアル

1. Dockerをインストールする1. 仮想マシンに Centos7 をインストールしました。Li...