<h1>标签中的锚点

Question

我有一个小问题，可能很愚蠢，但是确实是个问题：

在我的页面上，我有一个锚点菜单。过去这非常好用，但现在它突然停止工作了。有趣的事实是只有在元素内部的锚点停止工作。

例如：

<h1><a name="anchor1" id="anchor1"></a>Nice little headline goes here</h1>

这个不起作用，但这个可以使用：

<a name="anchor2" id="anchor2"></a>

网站有问题的地址是：www.kleinbild.org 代码第126行的锚点在主页上的ID为“pagetop”，例如运作良好，但第155行的锚点在ID为“anker1”的行不起作用。

我已经尝试按照Luke的建议在锚点内添加一些文本，但结果仍然相同。下面是一个小例子：

<h1><a name="anchor1" id="anchor1">Nice little headline goes here</a></h1>

现在最重要的问题是：为什么？如果有人能回答这个小问题，我会非常高兴。非常感谢！

- aklein

---

你能发布一个 fiddle 或者你正在工作页面的链接吗？ - zxqx

当然，网站是：www.kleinbild.org - aklein

以什么方式不起作用？ - Liam

你的链接没有 href 属性，所以它无法跳转。你想让这个链接做什么？ - DoctorMick

Answer 1

我猜测可能的问题之一是您H1标签内的链接没有文本。

您目前的情况为：

<h1><a name="anchor1" id="anchor1"></a>Nice little headline goes here</h1>

但是您真的想要这个吗？

<h1><a name="anchor1" id="anchor1">Nice little headline goes here</a></h1>

- Luke

---

最终我们需要更多的信息才能帮助您。我正在访问您的网站，但我不知道您所指的标题或链接是哪一个。请提供引起问题的特定部分的代码。 - Luke

嗨，卢克，我编辑了我的问题并添加了更多信息，希望这有所帮助。非常感谢！ - aklein

嗨，aklein，我不知道这对你是否仍然是一个问题，但我又看了一下你的网站。我仍然不明白你期望它如何工作。我已经截图并放在这里：https://dl.dropboxusercontent.com/u/3799114/anchor.jpg。你会发现，你的ID为“pagetop”的锚点标签绝对是空的，没有任何尺寸，并且根本没有显示出来。 - Luke

Answer 2

您的HTML存在两个问题：

• 首先，文本应该放在锚点内。
• 其次，您应该在锚点内使用 href 属性使其起作用。

您的HTML应该像下面这样：

<h1>
    <a name="anchor1" id="anchor1" href="/redirectToSomePlace">
        Nice little headline goes here
     </a>
</h1>

- Avinash Jain