web-dev-qa-db-ja.com

基本的なHTML-現在のフォルダーへの相対パスを設定する方法

現在、次の場所にいるとしましょう：http://example.com/folder/page.html

このページにfolderを指定せずにhttp://example.com/folder/を指す相対リンクを作成することは可能ですか？ （そして、HTMLのみを使用します。）

PDATE：判明したように、./は非厳密なdoctypeモードでのみ動作しますが、.は両方のモードで動作するため、私の意見:)みんなありがとう。

htmlpath
79
serg

ドットだけが機能しています。ただし、。/でも問題ない場合があるため、Doctypeは違いを生みます。

<a href=".">Link to this folder</a>
87
MrChrister

このスレッドを見つけた人にとっては、相対パスのアドレス指定は常に正しいかどうかについての議論を生み出してきました。

対処するパスを使用する場所に応じて、パスの対処方法によって異なります。

一般的に：

.と./は同じことを行いますが、ファイル名には.を使用しません。それ以外の場合は、ブラウザから.filename.extをサーバーからファイルとして要求します。適切なメソッドは./filename.extです。

../は、現在のフォルダーから1レベル上のパスに対応します。パス/cheese/crackers/yummy.htmlにあり、リンクコードがドキュメント../butter/spread.htmlでyummy.htmlを要求した場合、サーバーまで/cheese/butter/spread.htmlのパスを指定します。心配していた。

/は、常にサイトのrootに対応します。

35
Mark Giblin
<html>
    <head>
        <title>Page</title>
    </head>
    <body>
       <a href="./">Folder directory</a> 
    </body>
</html>
10
Bullines

使用できます

 ../

1つ上のレベルを意味します。 page2.htmlと呼ばれるページがpage.htmlと同じフォルダーにある場合、相対パスは次のとおりです。

 page2.html.

フォルダと同じレベルにpage2.htmlがある場合、パスは次のとおりです。

  ../page2.html
9
Vincent Ramdhanie

以下の両方が機能するようです

./

。

3
bdukes
<a href="./">Folder</a>
1
Steve Tranby

一番上の答えは十分に明確ではありません。ここに私のために働いたものがあります：実際のファイルを指す場合、正しい形式は次のようになります。

 <a href="./page.html">

これにより、http://example.com/folder/index.htmlページにいる場合は、同じフォルダー内のそのファイルをポイントできます。

1
ApexFred