如何设置当前文件夹的相对路径?

假设我目前在: http://example.com/folder/page.html

有没有可能在这个页面上创建一个指向 http://example.com/folder/的相对链接,而不需要在任何地方指定 folder?(只使用 HTML。)

更新: 事实证明,./只能在非严格 doctype 模式下工作,而 .可以在两种模式下工作,所以在我看来,它仍然是一个更好的答案:) 谢谢大家

360968 次浏览

Both of the below seem to work

./

.

<html>
<head>
<title>Page</title>
</head>
<body>
<a href="./">Folder directory</a>
</body>
</html>

You can use

 ../

to mean up one level. If you have a page called page2.html in the same folder as page.html then the relative path is:

 page2.html.

If you have page2.html at the same level with folder then the path is:

  ../page2.html
<a href="./">Folder</a>

Just dot is working. The doctype makes a difference however as sometimes the ./ is fine as well.

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

For anyone who has found this thread, addressing relative paths has always created arguments over what is correct or not.

Depending on where you use the path to be addressed, it will depend on how you address the path.

Generally :

. and ./ do the same thing, however you wouldn't use . with a file name. Otherwise you will have the browser requesting .filename.ext as a file from the server. The proper method would be ./filename.ext.

../ addresses the path up one level from the current folder. If you were in the path /cheese/crackers/yummy.html, and your link code asked for ../butter/spread.html in the document yummy.html, then you would be addressing the path /cheese/butter/spread.html, as far as the server was concerned.

/ will always address the root of the site.

The top answer is not clear enough. here is what worked for me: The correct format should look like this if you want to point to the actual file:

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

This will have you point to that file within the same folder if you are on the page http://example.com/folder/index.html