如何在同一文本上使用锚点和超链接？

Question

所以我在页面的右侧有一个方框，当点击不同的标题时会在页面上显示不同的新闻文章，虽然我也有，所以当网页标题中的文章被点击在页面上时将被带到源头。目前虽然两者都没有工作但出了什么问题？

HTML

<a name="Anchor1"><a href="http://newsarticle.com">News Article</a></a>

Answer 1

使用链接中的id属性与name属性

具有相同的效果

<a id="Anchor1" href="http://newsarticle.com">News Article</a>

Answer 2

只需在链接中添加id属性：

<a id="foo" href="http://newsarticle.com">News Article</a>

然后链接到它：

<a href="#foo">link to foo</a>

Answer 3

• HTML语法中禁止使用嵌套的<a>元素。
• 浏览器在解析规则中有效地强制执行此限制。

示例：

如果你有链接，

 <a href="a.html">a<a href="b.html">b</a>c</a>

浏览器会将其解析为，

<a href="a.html">a</a> <a href="b.html">b</a> c

参考：Nested links are illegal.