有没有办法让页面上的所有链接都与根目录相关?

例如,在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?如果是第一个,有没有办法让它指向第二个?

推荐答案

根相对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怎么办?

是的,在hrefsrc属性中的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美元.

建议阅读:

Html相关问答推荐

HTML图像无法正确放大和缩小规模

使用固定的HTML代码创建两个可向右滚动的行

你能让Cypress测试为p—fileUpload做文件上传吗?

restrict. form—text width to input s width'

有没有可能设置div的边框宽度相对于其父宽度和高度?'

小虫?CSS Flexbox间隙应用于两个内联文本块之间,因为它们之间存在绝对定位的元素

SVG动画只有在打开S开发工具的浏览器时才开始播放

Style=背景图像URL引用变成&;Quot;

角化、剪裁、边缘,但仅在底部2和平滑包装上

Vutify中看不见的V行

在TWebLabel标题中设置换行符/换行符的方法?

CSS flex:0 0 auto创建了1像素的间隙

在React中如何处理HTML本地日期输入?

本地和在jsfiddle上页面工作正常,但在GitHub上无法运行.

在锥形渐变进度条内创建空白的问题

如何让一个 div 元素粘在另一个元素上?

我如何设置括号的样式,使它们不会挂在旁边的其他字符下面

我正在使用 react-router-dom 并创建了一个固定的导航栏,它在每个网页上不断改变大小,我不知道为什么

隐藏在标题后面的下拉菜单

网站页脚中的 Quarto 安装版本