根相对URL以/
个字符开头,类似于<a href="/directoryInRoot/fileName.html">link text</a>
.
您发布的链接:<a href="fruits/index.html">Back to Fruits List</a>
链接到一个html文件,该文件位于名为fruits
的目录中,该目录与出现此链接的html页面位于同一目录中.
要使其成为根相对URL,请将其更改为:
<a href="/fruits/index.html">Back to Fruits List</a>
Edited在 comments 中回答来自OP的问题:
这样做/将使其相对于www.example.com,有没有办法指定根是什么,例如,如果我希望根是www.example.com/ruits/apple.html中的www.example.com/ruits怎么办?
是的,在href
或src
属性中的URL前面加上/
将使路径相对于根目录.例如,给定www.example.com/fruits/apples.html
处的HTML页面,href="/vegetables/carrots.html"
的a
将链接到页面www.example.com/vegetables/carrots.html
.
base
tag元素允许您指定该页面的base-uri(虽然必须将base
标记添加到every页面,在该页面中必须使用特定的基础,为此,我将仅引用W3的示例:
例如,给定以下基本声明和一个声明:
<!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
Example quoted from: http://www.w3.org/TR/html401/struct/links.html#h-12.4美元.
建议阅读: