html - 相对于当前 URI 设置 anchor 元素的 href？

Question

我在页面上:

example.com/news

这是一个新闻文章列表。是否可以在每篇新闻文章上设置链接并考虑当前 url？

<a href="the-article">link to something</a>

以上将链接到:

example.com/news/article

或者我是否需要获取整个路线并在链接中指定？

网址可以是任何东西，例如。/products 所以我不想把它硬编码进去。

Answer 1

如果需要考虑当前路径，直接在href属性中使用页面名称:

如果您在 example.com/news 上并使用“article”的 href 值，则 URL 变为 example.com/news/article。

如果您需要引用根目录中的页面，请在页面名称前加上斜杠“/”，href="/article"。