小编典典

有相对于​​根的链接?

html

有没有一种方法可以使页面上的所有链接都相对于根目录?

例如,在www.example.com/fruits/apples/apple.html我上面可以有一个链接:

<a href="fruits/index.html">Back to Fruits List</a>

该链接指向www.example.com/fruits/apples/fruits/index.html还是www.example.com/fruits/index.html?如果是第一个,是否有办法使其指向第二个呢?


阅读 237

收藏
2020-05-10

共1个答案

小编典典

根目录相对的URL以/字符开头,看起来像<a href="/directoryInRoot/fileName.html">link text</a>

您发布的链接:<a href="fruits/index.html">Back to Fruits List</a>链接到位于一个名为fruits的目录中的html文件,该目录与显示该链接的html页面位于同一目录中。

要使其成为相对于根的URL,请将其更改为:

<a href="/fruits/index.html">Back to Fruits List</a>

*根据OP中的问题在评论中进行了 *编辑

因此,执行/将使其相对于www.example.com,有没有一种方法可以指定根目录,例如,如果我希望将根目录设为www.example.com/fruits/中的www.example.com/fruits,该怎么办?
apples / apple.html?

是的,在hrefsrc属性中以开头的URL
/将构成相对于根目录的路径。例如,给定html页面www.example.com/fruits/apples.htmlaof
href="/vegetables/carrots.html"将会链接到page
www.example.com/vegetables/carrots.html

base标签元素允许你指定基URI该页面(虽然base标签必须被添加到_每个_页面中它使用特定的基础是必要的,为了这个,我会简单地举W3的例子:

例如,给定以下BASE声明和A声明:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
 <HEAD>
   <TITLE>Our Products</TITLE>
   <BASE href="http://www.aviary.com/products/intro.html">
 </HEAD>

 <BODY>
   <P>Have you seen our <A href="../cages/birds.gif">Bird Cages</A>?
 </BODY>
</HTML>

相对URI“ ../cages/birds.gif”将解析为:

http://www.aviary.com/cages/birds.gif
2020-05-10