回答:
./
作業ファイルがあるフォルダーです。
そうで/index.htm
./
ルートディレクトリがある
が、中/css/style.css
./
のcssフォルダです。
CSSをパスに移動/index.htm
すると/css/style.css
、パスが変わるため、これは覚えておくことが重要です。
./abc.htm
とばかりにabc.htm
?
次のリストをクイックリファレンスとして使用できます。
/ = Root directory
. = This location
.. = Up a directory
./ = Current directory
../ = Parent of current directory
../../ = Two directories backwards
役立つ記事:https : //css-tricks.com/quick-reminder-about-file-paths/
. = This location
.. = Up a directory
だから、./foo.html
ですfoo.html
。また、これはオプションですが、スクリプトがパスを生成した場合は関連性があります(つまり、参照がどのように機能するかではなく、スクリプトへの関連性)。
あなたはそれを省略できることは正しいです。わかりやすくするためだけに役立ちます。存在することと存在しないことの間に機能的な違いはありません。
It's useful only for clarity.
または混乱、OPの場合-と私の。:)
<script src="js/main.js"></script>
は、HTML5でファイルをロードします。./js/main.js
パスに関する速くて小さな要約
http://website.com/assets/image.jpg
画像がドメインにない場合 -画像を探してください
//website.com/assets/image.jpg
httpまたはhttpsプロトコルを使用して読み込まれた画像
(ために イメージが同じサーバー上にある場合の内部使用)
image.jpg
画像を呼び出すドキュメントと同じ場所に画像!
./image.jpg
同上、 画像を呼び出すドキュメントと同じ場所の画像!
/assets/image.jpg
絶対パスと同様に、プロトコルとドメイン名を省略します
Goは私のルートフォルダから始まる私の画像を検索する/
により、assets/
assets/image.jpg
今回の資産はがドキュメントと同じ場所にあるため、画像のアセットに移動します
../assets/image.jpg
ドキュメントがある場所から、1つのフォルダーに移動します戻り ../
、assets
../../image.jpg
2つ
行きますフォルダをバックに、私のイメージがあります!
../../assets/image.jpg
行く2つのフォルダのバック ../../
と入るよりも、 assets
images
。相対パスと3番目の例を参照してください/images/image. jpg
ええ./
、あなたが現在いるディレクトリを意味します。
./thisfile.txt
は常にと等価ではありません/thisfile.txt
。これは、コードが実行される中で、どのディレクトリに完全に依存している。
./
元の場所を参照しますか?
たとえば、cssファイルはという名前のフォルダーにCSS
あり、htmlファイルはfolder HTML
にあり、これらは両方ともという名前のフォルダーにあるというXYZ
ことは、htmlのcssファイルを
<link rel="stylesheet" type="text/css" href="./../CSS/style.css" />
ここに ..
移動し、現在のディレクトリHTML
を.
参照しますXYZ
---このロジックにより、次のように参照します。
<link rel="stylesheet" type="text/css" href="CSS/style.css" />
"CSS/style.css"
は私にはうまくいきませんでした"../CSS/style.css"
。