HTMLファイルのパスに "./"と "../"が必要ですか？

私はhrefとsrcのような属性で相対URLを使用しています。リンクを正しく確立するためのパスの前に、実際に./と../を使用する必要がありますか？HTMLファイルのパスに "./"と "../"が必要ですか？

私がindex.htmlをコーディングしたら、コードをコピーして、自分のプロジェクトの他の.htmlファイルに使用します。私はそれがすべての道を訂正しなければならなくてイライラすることが分かりました。

私のプロジェクトのフォルダ構造は次のようである：

website-project folder 
     index.html 

     css folder 
      style.css 

     img folder 
      image.png 

     about folder 
      about.html

私はabout.htmlを開始するindex.htmlコードを使用している場合は、私が./から../に物乞いすべてのパスを変更する必要があります。 "Find & Replace"ツールを使用すると簡単になりますが、現在のフォルダではなくルートフォルダに基づいてパスにリンクすることができればさらに良いでしょう。例：

about.html内部

href="website-project/img/image.png"

を使用するとエラーにつながるwebsite-project/img/image.png代わりのwebsite-project/about/img/image.pngにリンクします。

UPDATE 2016年7月7日

index.htmlページインサイド私はhref="/about/about.htmlで<a>を作る代わりに、へのリンク場合：

file:///about/about.html

：

file:///home/guizo/Documents/website-project/about.html

それにリンク同じことが続くERSリンク：

出典

2016-07-06 guizo

これはあなたを助けるかもしれません：http://stackoverflow.com/questions/27218879/link-a-css-on-another-folder/27218926#27218926 –

href="/img/image.png"

/を使用してみてくださいあなたのルートディレクトリを指します。

編集：上記はローカルの静的なウェブサイトでは機能しません。このような場合は、固定のベースアドレスにリンクするタグのタグ<BASE href />を使用してみてください。次のように使用することができます：

index.htmlについて：

<html> 
    <head> 
     <title>index</title> 
     <BASE href="file:///home/guizo/Documents/website-project/" /> 
    </head> 
    <body> 
     <a href="about/about.html">Go to about</a> 
    </body> 
</html>

about.htmlについて：

<html> 
    <head> 
     <title>About</title> 
     <BASE href="file:///home/guizo/Documents/website-project/" /> 
    </head> 
    <body> 
     <a href="index.html">Go to index</a> 
    </body> 
</html>

出典

2016-07-06 04:23:55 Ash

私はこれを試してみましたが、それは私のためには機能しません。 index.html'ページ 'インサイド私が代わりにリンクの' Home'を、クリックした場合： 'ファイル：：///ホーム/ guizo /ドキュメント/ウェブサイト・プロジェクト/ index.html' それはにリンク 'file：/// index。html' 他のリンクについても同じことが続きます。 'file：/// css/style.html'; 'file：/// about/about.html'; 'file：/// img/image.html' – guizo

@guizo、私は自分の答えを更新しました。 – Ash

ありがとうございます。それが私の望むものです。 – guizo

は、この '/img/image.png' をしてみてください。 /はサイトのルートを表します。

出典

2016-07-06 04:25:09 MaNi

HTMLファイルのパスに "./"と "../"が必要ですか？

答えて

関連する問題