有没有一种方法可以使页面上的所有链接都相对于根目录?
例如,在www.example.com/fruits/apples/apple.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?如果是第一个,是否有办法使其指向第二个呢?
www.example.com/fruits/apples/fruits/index.html
www.example.com/fruits/index.html
根目录相对的URL以/字符开头,看起来像<a href="/directoryInRoot/fileName.html">link text</a>。
/
<a href="/directoryInRoot/fileName.html">link text</a>
您发布的链接:<a href="fruits/index.html">Back to Fruits List</a>链接到位于一个名为fruits的目录中的html文件,该目录与显示该链接的html页面位于同一目录中。
fruits
要使其成为相对于根的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。
href
src
www.example.com/fruits/apples.html
a
href="/vegetables/carrots.html"
www.example.com/vegetables/carrots.html
该base标签元素允许你指定基URI该页面(虽然base标签必须被添加到_每个_页面中它使用特定的基础是必要的,为了这个,我会简单地举W3的例子:
base
例如,给定以下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