有关HTML中相对文件路径的问题

时间:2018-11-13 09:37:40

标签: html hyperlink

已经有一些关于此主题的帖子,但这对我没有帮助。我已经为HTML和CSS页面制作了地图结构,但是我无法将它们彼此链接。

我的地图结构:

PO Webdesign

  • 主页
    • HTML页面主页
    • CSS页面主页
    • 图片首页
  • 体育
    • HTML Page Sports
    • CSS Page Sports
    • Images Sports
  • 食物
    • HTML页面食物
    • CSS页面食物
    • Images Food
  • 睡眠
    • HTML页面休眠
    • CSS页面休眠
    • 图像睡眠 (例如,要进入Images Sleep,那就是PO Webdesign-> Sleep-> Images Sleep)

在首页的导航栏中,我尝试了这些链接(其他页面当然是其他主题):

<A Id="Link" Href="../../Food/HTML Page Food.html">Food</A>
<A Id="Link" Href="PO Webdesign/Food/HTML Page Food.html">Food</A>
<A Id="Link" Href="/../Food/HTML Page Food.html">Food</A>

如果我想使用这种地图结构在其他页面的导航栏中链接HTML页面,有人知道我应该怎么做相对文件路径吗?

预先感谢, 苔丝

(抱歉英语不好,这不是我的母语)

1 个答案:

答案 0 :(得分:1)

首先,请阅读以下答案(以及其他答案):https://stackoverflow.com/a/23772318/216846

您可以使用这些相对网址(即使通常不是一个好主意)。

如果您的首页网址是“ / Homepage / HTML Page Homepage.html”,则您应该可以引用“通过”。

<a href="../Food/HTML Page Food.html">Food</a>

请注意,您必须在URL中省略开头的“ /”,以使其相对于当前页面。否则,它是相对于您网站的根页面的。

但是,仍然应该使用

<a href="/Food/HTML Page Food.html">Food</a>