「./」(ドットスラッシュ)は、HTMLファイルパスの場所に関して何を指しますか?


228

../は道を上ることを意味しますが、./正確にはどういう意味ですか?

私は最近チュートリアルを行っていましたが、それは同じ場所にあるファイルだけを参照しているようですので、それはまったく必要ですか?それだけの場合は使用できませんか?

回答:


136

./作業ファイルがあるフォルダーです。

そうで/index.htm ./ルートディレクトリがある
が、中/css/style.css ./のcssフォルダです。

CSSをパスに移動/index.htmすると/css/style.css、パスが変わるため、これは覚えておくことが重要です。


45
これはどのように質問に答えますか?どうやら、Simon Suhは./が参照ファイルと同じ場所を参照していることを理解しています。質問の主な部分は、「なぜそれを使用するのか、それが必要なのか?」です。"file"ではなく "./file"の構文を使用する唯一の理由は、。/は現在のフォルダーを意味し、現在のフォルダーのみを意味するということです。したがって、ファイルを検索する何らかのツール/コンパイラなどがある場合、「./ file」は現在のフォルダでのみ検索しますが、「file」はツールが検索するように構成されている場所(ルート、現在のフォルダなど)を検索しますなど)
Marcel Toth 2017年

12
だから、違いいただきました./abc.htmとばかりにabc.htm
Teemoh

12
@Teemoh JS、HTML、CSSで同じです。「./」は、これらの新しい言語に引き継がれた古いプログラミング規則です。他の状況では、それらは異なることを意味する可能性があります。例えば。OSで「パス」が設定されている場合、abc.exeはファイルであり、。/ abc.exeはそうでない場合があります。
Coomie 2017年

@MarcelTothあなたは本当にこれを答えとして投稿するべきです!
アダム

285

/ 現在のドライブのルートを意味します。

./ 現在のディレクトリを意味します。

../ 現在のディレクトリの親を意味します。


「header( "Location:../");」を行います 親ディレクトリにリダイレクトしますか?
ベルフォード

3
./index.htmlとindex.htmlの違いは何ですか?
N-ate

1
テンプレートのコードがありますが、これには././何が含まれていますか?
アーロンフランケ

120

次のリストをクイックリファレンスとして使用できます。

   /   = 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/


13
「この場所」と「現在のディレクトリ」の違いは何ですか?ありがとうございました。
WebBrother 2016年

2
@WebBrother、結局のところ./は非厳密なdoctypeモードでのみ機能しますが、両モードで動作し、ここにリンクされstackoverflow.com/questions/296873/...は
マカロフセルゲイ

ありがとうございました。この明確な説明は問題を解決したばかりなので、基本的に私は大声で尋ねることが恥ずかしかったです。
Leaky Eddie

57
.  = This location
.. = Up a directory

だから、./foo.htmlですfoo.html。また、これはオプションですが、スクリプトがパスを生成した場合は関連性があります(つまり、参照がどのように機能するかではなく、スクリプトへの関連性)。


38

はい、./現在の作業ディレクトリを意味します。ファイルを名前なしで直接参照することもできます。


11

あなたはそれを省略できることは正しいです。わかりやすくするためだけに役立ちます。存在することと存在しないことの間に機能的な違いはありません。


16
It's useful only for clarity.または混乱、OPの場合-と私の。:)
ANeves、2011

html5にjavascriptファイルをインポートする場合は省略できません。たとえば、uが1つのディレクトリにフォルダーjsとindex.htmlファイルを持っている場合:html 5で宣言された<script src = "./ js / main.js"> </ script>は正しいですが、 'を省略した場合」表記、それはファイルをロードしません。
MaXi32

4
@ MaXi32-あなたの例で<script src="js/main.js"></script>は、HTML5でファイルをロードします。./js/main.js
pmrotule

9

パスに関する速くて小さな要約

絶対パス

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/image.jpgそして、それがすべての可能なシナリオをカバーすることを願っていますか?
マークチャペル

1
@Mark私があなたの質問を正しければ、「ルートまで(無期限に)戻って、を入力する必要がありますimages。相対パスと3番目の例を参照してください/images/image. jpg
ロコC. Buljan

2

ええ./、あなたが現在いるディレクトリを意味します。


8
これは少し誤解を招くものです。 ./thisfile.txtは常にと等価ではありません/thisfile.txt。これは、コードが実行される中で、どのディレクトリに完全に依存している。
ジョンNewmuis

@JonathanNewmuisは右./thisfile.txtが明示的に/thisfile.txtではないです
Coomie

コードが別の場所で実行される場合、./元の場所を参照しますか?
CodyBugstein 2015年

2

たとえば、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" />

3
2番目のリファレンス"CSS/style.css"は私にはうまくいきませんでした"../CSS/style.css"
ajax333221

-1

クイックリファレンスリストを参照すると、具体的には以下を使用できます。

\。\ルートディレクトリ+現在のディレクトリ(ドライブ文字)

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.