0

私のウェブページは、実際にはインターネット上で公開されていません。私はそれを自分のコンピューターに保存しており、自分のコンピューターから HTML ファイルを開いているだけです。ウェブサイトのナビゲーションはすべて自分のコンピューター上にあります。とにかく、サイトをインターネット上に公開する前に、ファビコンを含むすべてのコードをテストしたいと考えています。ただし、私のファビコンは表示されません。これまでで最も推奨されているコードは次のとおりです。

<link rel="icon" href="/favicon.ico" type="image/x-icon"> 
4

3 に答える 3

2

「アイコン」の代わりに「ショートカット アイコン」を試してください。

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

また、ファビコンへのパスは、html ファイルからの相対パスであることに注意してください。両方が同じディレクトリにある場合、パスは「favicon.ico」のみで、スラッシュはありません。

于 2013-09-14T23:53:51.587 に答える
0

link要素自体は正しいですが (属性typeは冗長であり、ブラウザがアイコンを使用できないようにすることしかできません)、URL/favicon.icoは相対的であり、HTML ドキュメントがローカルの場合は通常機能しません。ローカルでアクセスされた HTML ドキュメントにはfile:URL があり、そのような URL は定義上システムに依存しており、実際にはブラウザーにも依存しています。たとえば、典型的な Windows システムでは、favicon.ico を C: ディスクのルートに直接配置すると (通常は管理者権限が必要です)、Chrome はそれを見つけますが、Firefox は見つけられませんfile:。ローカル ファイルを開きます。

そのため、ローカル テストでは通常、現在のドキュメントに相対的な相対 URL を使用する必要がhref=favicon.icoありhref=../images/favicon.icoますimages。これは、参照している HTML ファイルがあるフォルダーの兄弟です)。

サーバー ルートに相対する URL を使用してローカルでテストする必要がある場合は、XAMPP などのローカル HTTP サーバーをダウンロードしてインストールする必要があります。

于 2013-09-15T06:47:25.003 に答える
0

favicon.ico は、index.html と同じルート フォルダーにある必要があり、もちろん、localhost サーバーが必要です。

<link href="favicon.ico" rel="shortcut icon">
于 2013-09-15T00:42:28.503 に答える