あなたのアンカーは現在、ルートからのみ動作するので、href="/index.html"
ノートの出発「/」 。同じことがあなたのsrc
リンクに適用されます。/
は上記のコードをベースとされている場所となるよう、それはそれは常にあなたのホーム・ページに接続します(例えばsite.com/currentfolder/file.html
のように)ルートからソースすることで
<div id="logo">
<a href="/index.html">
<img class="logo logo_dark_bg" src="/images/logo.png" alt="logo">
<img class="logo logo_light_bg" src="/images/logo_light.png" alt="logo">
</a>
</div>
がアンカーリンクを開始しますこれは通常site.com/index.html
にあります。
現在のところ(アンカーなしで/
)アンカーリンクは、歓迎またはホームページではないファイルをほぼ確実に探しているsite.com/currentfolder/index.html
を探しています。
更新
また、あなたは、ホームページのファイルが実際に存在しないことを確認する必要があります。通常、あなたの場合、ホームページは/index.html
ではなく、/index.htm
となる場合があります。正しいファイルタイプHTMLリファレンス(.htmlまたは.htm)を持つファイルが存在し、正しく参照されていることを確認してください。
概要問題
- アンカー
href
ファイルが正しいファイルタイプ(.html
又は.htm
、等)を用いて、存在している必要があり/
- アンカー
href
ファイルで始まる絶対的な基準であるべきです。
- イメージ
src
は絶対参照(/
を開始)である必要があります。
- 画像
alt
は、ウェブサイトの名前および/またはロゴの説明である必要があります。
Stackoverflowのサーバー上にある既存のindex.htmlを除いて、ライブデモは正常に動作します。どうしたの? [MCVE]を作成したときに「この例で実際に問題が再現されていることを確認する」ステップを忘れましたか? – Quentin
"動作させるように見えない"とは、問題の説明ではありません。起こることを正確に指定し、正確にあなたが代わりに起こることを期待してください。 –
これは正常に動作しているはずです。他の人は、正確に動作しないものを明確にすべきだと言っているからです。 –