Question

我尝试在html中为有序列表项创建id，然后在同一页面中引用它们，如下所示：

<ol>
<li  id="item1">
Insert text here
</li>

<br>

<li id="item2">
Insert text here
</li>
</ol>

<a href="#item1">Item 1</a>
<a href="#item2">Item 2</a>

然而，最终发生的事情是锚点最终指向项目内文本的底部，而不是项目编号。换句话说，当我点击Item 1时，会显示Item 2。

我的问题是，有没有办法链接到项目，以便实际显示链接到的项目？

注意：我正在Moodle页面上的文本字段（编辑器）编辑文本，这可能是问题的根源。

Answer 1

您应该使用正确的方式链接它们，以获得正确的结果。由于您要链接到同一页面上的元素，因此应使用<a href="#id"></a>。没有＃，它就不会给你想要的结果。

Answer 2

对问题的丑陋修复似乎是链接到所需目标之前的元素。在这种情况下，如果我想要链接到item2，我应该链接到item1，而在item1的情况下，应该引用前一段，当然那样需要有自己的id。

如何链接到同一页面中列表项的顶部？

2 个答案: