ウェブサイトにファビコンを追加するためのヒント: 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 行目の目的: アイコンは、エクスプローラー ウィンドウでもブラウザーのお気に入りの場合でも、お気に入りの下にも表示されます。 |
>>: CSS変数var()の使い方を理解する必要があります
推薦する
ウェブページ作成の基本宣言文書型記述（DTD
CSS レイアウトを使用して WEB 標準に準拠した Web ページを作成することは、jb51.ne...
Webstorm と Chrome を使用して Vue プロジェクトをデバッグする方法
目次序文1. 新しいVueプロジェクトを作成する2. WebStormの設定1. デバッガポートを設...
iframe が HTML 内のページにジャンプするのを防ぎ、iframe を使用して WeChat Web バージョンをページに埋め込む方法
私は、WinForm と HTML5 を組み合わせた小さなものを作りたいだけなのですが、突然、そこに...
WMLタグの概要
構造関連タグ--------------------------------------------...
CSSはインラインブロックのずれの問題を解決します
もうナンセンスじゃない、郵便番号HTML部分 <div class="positio...
Nginx 502 Bad Gateway エラーの原因と解決策
Nginx 502 Bad Gateway エラーに何度か遭遇しました。ここでメモしておこうと思いま...
Docker での Redis の永続ストレージの詳細な説明
この章では、dockerの下にあるSpring BootプロジェクトでRedisを操作し始めます。準...
JS ES の新機能: 拡張演算子の紹介
1. スプレッド演算子スプレッド演算子は 3 つのドット ... で、複数の引数 (関数呼び出しなど...
JavaScript で 24 以上の配列メソッドを手動で実装する
目次1. トラバーサルクラス1. 各2. 地図3. すべての4. いくつか5. フィルター6. 減ら...
jsはウォーターフォールフローのボトムアウトによるデータの動的ロードを実現します
この記事では、ウォーターフォールフローが底に達したときにデータを動的にロードするためのjsの具体的な...
HTMLタグの説明
HTMLタグの説明1. HTMLタグタグ: !DOCTYPE説明: HTML ドキュメントが準拠する...
ファイルをアップロードするための HTML フォームの「参照」ボタンを変更する方法
コードをコピーコードは次のとおりです。 <!DOCTYPE HTML PUBLIC "...
ドラッグ効果を実現するための js オブジェクト指向メソッド
この記事では、ドラッグアンドドロップをJSオブジェクト指向で実装するための具体的なコードを参考までに...
スプレッド演算子のサンプルコードと JavaScript での応用
スプレッド演算子を使用すると、式をある時点で展開できます。スプレッド演算子は、複数のパラメーター (...
Dockerに証明書を追加する方法
1. アップグレードプロセス: sudo apt-get updateパッケージが見つからない、パッ...