51

HTMLページのタイトル(つまり、タイトルと一緒にタブ)に画像を表示したい。どうやってやるの?

4

4 に答える 4

54

必要なのは favicon.ico ファイルです。サイトのルートに配置し、ページのヘッダーにリンクするだけです

<head>
    <title>My Site</title>
    <link rel="shortcut icon" href="favicon.ico" />
</head>

サイトのルートに配置して、favicon.ico という名前を付ける必要があります。これは、ページにリンクしていなくても、ブラウザーによっては検索されるためです。

于 2010-06-23T16:24:03.003 に答える
24

クロスブラウザの互換性のために、favicon には 2 行必要なようです:

題名

<title>PAGE TITLE HERE</title>

ファビコン

<link rel="SHORTCUT ICON" href="http://domain and path/favicon.ico" />
<link rel="icon" href="http://domain and path/favicon.ico" type="image/ico" />

ファビコンジェネレーター:

ダイナミックドライブ

于 2010-06-23T17:48:52.520 に答える
5

head-element 内に次のような行を追加してください。

<link rel="shortcut icon" href="/somwhere/icon.ico">

古いブラウザでは .ico ファイルが最適ですが、もちろん png ファイルや jpeg ファイルも使用できます。

于 2010-06-23T16:24:03.273 に答える
4

ファビコンを設定したい。これを行うためのタグは次のとおりです。

<link rel="SHORTCUT ICON" href="favicon.ico" />

このタグを に追加する<head />と、サイトのブラウザーに、href で参照されている画像をダウンロードするように指示されます。

于 2010-06-23T16:24:32.663 に答える