../
はパスをたどることを意味しますが、./
はどういう意味ですか?
私は最近チュートリアルを行っていましたが、同じ場所にあるファイルだけを参照しているようですが、それはまったく必要ですか?それがすべてである場合、私はちょうどそれを使用できませんか?
./
は、workingファイルが含まれるフォルダーです。
/index.htm
の./
はルートディレクトリです
しかし/css/style.css
の./
はcssフォルダーです。
CSSを/index.htm
から/css/style.css
に移動するとパスが変わるため、これは覚えておくことが重要です。
/
は、現在のドライブのルートを意味します。
./
は現在のディレクトリを意味します。
../
は、現在のディレクトリの親を意味します。
次のリストをクイックリファレンスとして使用できます。
/ = 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
にすぎません。また、オプションですが、スクリプトがパスを生成した場合は関連性があります(scriptへの関連性、つまり参照の動作方法ではありません)。
はい、./
は現在の作業ディレクトリを意味します。ファイルを名前なしで直接参照できます。
あなたはそれを省略することができることは正しいです。わかりやすくするためだけに役立ちます。存在することと存在しないことの間に機能的な違いはありません。
はい、./
は現在のディレクトリを意味します。
pathsについての高速で小さな要約
http://website.com/assets/image.jpg
画像がドメイン上ではない場合-画像を探しに行きます
//website.com/assets/image.jpg
httpまたはhttpsプロトコルを使用してロードされた画像
(画像が同じサーバー上にある場合、内部使用の場合)
image.jpg
imageイメージを呼び出すドキュメントと同じ場所に!
./image.jpg
上記と同じ、imageイメージを呼び出すドキュメントと同じ場所に!
/assets/image.jpg
プロトコルとドメイン名を省略した、絶対パスに類似
ルートフォルダー/
から画像を検索し、assets/
に移動します
assets/image.jpg
今回はassetsはドキュメントと同じ場所にあるため、画像についてはassetsに入ります。
../assets/image.jpg
ドキュメントのある場所からone folder back../
に移動し、assets
に移動します
../../image.jpg
go two folder back、私の画像があります!
../../assets/image.jpg
go two folder back../../
and than go intoassets
たとえば、cssファイルはCSS
という名前のフォルダーにあり、htmlファイルはHTML
フォルダーにあり、これらは両方ともXYZ
という名前のフォルダーにあります。つまり、htmlのcssファイルは
<link rel="stylesheet" type="text/css" href="./../CSS/style.css" />
ここで..
はHTML
まで移動します
and .
は現在のディレクトリXYZ
を参照します
---このロジックにより、次のように参照できます。
<link rel="stylesheet" type="text/css" href="CSS/style.css" />
クイックリファレンスリストを参照すると、具体的には次を使用できます。
\。\ルートディレクトリ+現在のディレクトリ(ドライブ文字)