锚ID在Chrome和Mozilla中无效

时间:2018-02-13 17:36:10

标签: html5 google-chrome href mozilla

我的页面中有这个:

    <a href="#goto1"> Go to 1</a>
    <br>
    <a href="#goto2"> Go to 2</a>

而且:

<p><h3>
<a id="goto1"></a>
This is one</h3>

<p><h3>
<a id="#goto2"></a>
This is two</h3>

现在,当我点击第一个链接时,它会转到匹配的ID并显示段落,但是当我点击第二个链接时,它不会做任何事情。我有很多类似的链接,其中大约一半没有以相同的方式工作。我使用的是Chrome版本64.0.3282.140。与Mozilla相同的问题。

IE 11工作正常。

请告知。

1 个答案:

答案 0 :(得分:0)

我应该多加注意,第二个id的值在其中有#,它不应该包含它。有趣的是,即使它不是正确的方式仍然适用于IE11。所以它应该是:

<p><h3>
<a id="goto2"></a>
This is two</h3>

与第一个链接ID相同。