html - anchor 链接跳转至 Xenforo 中的文档根目录

Question

我对应该是一个非常简单的任务有疑问:创建一个 BBCode 标签来创建文本 anchor ，然后创建另一个标签以跳转到该文本 anchor 。

但是，有些事情正在发生，导致我的 anchor 跳转到网站的根目录。

这是 BBCode 生成的 HTML:

<div id="section1">Section Header</div>
<a href="#section1">Goto Section Header</a>

但是，当它在实时页面中时，单击它会跳转到网站的根目录而不是当前页面。这在 Firefox 和 Chrome 中进行了测试。我不知道我错过了什么。

这是一个使用 BBCode 的实时示例页面( anchor 源代码中的文本搜索部分 1)。 http://community.playstarbound.com/index.php?help/bb-codes

如您所见，单击“Goto”下的链接会将您带到 http://community.playstarbound.com/#section1而不是 http://community.playstarbound.com/index.php?help/bb-codes#section1正如预期的那样。

此 div 和 anchor 标记之外是否有任何可能导致此问题的内容？

Answer 1

问题

浏览器似乎无法正确识别您网页的基本 URL。所以你的 anchor 链接的相对 URL 当前被浏览器解释为

http://community.playstarbound.com/#some-anchor

实际上，实际的 URL 应该是

http://community.playstarbound.com/index.php?threads/expand-the-bb-code-selection.15492/#some-anchor

由于链接的 URL 与当前页面的 URL 不同，它会导致浏览器将其视为常规链接而不是当前页面中的内部 anchor ，从而将您重定向到站点的根目录。

解决方案

1. 在 anchor 链接中指定绝对路径。
2. 编辑:按照您的建议，更正您网站的 base 标记中指定的值。