Html 不能使用<；a>；标记以链接到同一页面上的位置

我在html中使用标记跳转到页面的某个位置，但在firefox中它只跳转到一个位置，在chrome中它也可以运行

<a href="#position1">
<a href="#position2">
<a href="#position3">

<a id="position1">position 1</a>
<a id="position2">position 2</a>
<a id="position3">position 3</a>

位置2
位置3

我把

位置1,2,3

放在同一页的不同位置

在chrome中，它可以工作。但我在Firefox上遇到了麻烦，当我点击任何位置链接时，它都会跳转到一个位置（即位置2）。

---

如何修复它？

我认为您希望跳转到div而不是锚定标记

<a href="#position1">
<a href="#position2">
<a href="#position3">

<div id="position1">position 1</div>
<div id="position2">position 2</div>
<div id="position3">position 3</div>

我建议您“跳转”到表单标记中，因为您设置了

文本1
文本2
文本3

所以我尝试了一些代码，我发现每个表单部分都需要很大的空间

这是一个更新的代码（在发现锚中的
名称
已过时后..我不知道）

注意：如果您愿意，这也适用于

我先尝试div，但它不起作用，我使用instedi在回答中为您添加了一个提琴。我不想在本页上查看目标位置。你可以在这个链接上查看我的产品，我对跳跃位置的想法是不工作的firefox@CuongLe在这种情况下，我建议将操作方法添加到表单标记中。我尝试使用表单标记，但它不起作用firefox@CuongLe我已经编辑了。请问你的doctype是什么？我不知道为什么这个链接可以工作，但是我的链接不能工作哦，多谢各位much@CuongLe如果您使用的是HTML5，则此属性已过时。这就是我在评论中问你这个问题的原因。
<a href="#poisition1">test1</a>
<a href="#poisition2">test2</a>
<a href="#poisition3">test3</a>

<form id="position1">text 1</form>
<form id="position2">text 2</form>
<form id="position3">text 3</form>

<a href="#position1">1</a>
<a href="#position2">2</a>
<a href="#position3">3</a>

<div id="position1">
    <a href="..">...</a>
</div>
<div id="position2">
    <a href="..">...</a>
</div>
<div id="position3">
    <a href="..">...</a>
</div>

<a href="#position1">1</a>
<a href="#position2">2</a>
<a href="#position3">3</a>

<a name="position1">position 1</a>
<a name="position2">position 2</a>
<a name="position3">position 3</a>