有相对于根的链接？

小编典典

有相对于根的链接？

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？如果是第一个，是否有办法使其指向第二个呢？

阅读 240

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？

是的，在href或src属性中以开头的URL
/将构成相对于根目录的路径。例如，给定html页面www.example.com/fruits/apples.html，aof
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

有相对于​​根的链接？

共1个答案

有相对于根的链接？