我想为 div 创建一个书签，并且我希望书签包含在列表中

Question

我想要一个指向div的书签。书签需要位于列表中。每当我单击书签时，它总是转到第一个div，而不是我指示

的div。

<div id="bookmarks">
    <ol>
        <li><a href="example1"</li>
        <li><a href="example2"</li>
    </ol>
</div>
<div id="example1">
    <img id="img1" src="exampleimg.jpg">
    <h3 id="exapmletext">Example</h3>
</div>

<div id="example2">
    <h3>example</h3>
</div>

它应该转到我提供的 id 的div，但它总是转到第一个div

Answer 1

1. 您的标签未正确关闭。
2. 要在 a tags href 属性中定义锚链接，您需要在 id 字符串前面加上 #。

html,body {
 height:1000px;
}

<div id="bookmarks">
    <ol>
        <li><a href="#example1">Example 1</a></li>
        <li><a href="#example2">Example 2</a></li>
    </ol>
</div>
<div id="example1">
    <img id="img1" src="https://placebear.com/640/360">
    <h3 id="exapmletext">Example</h3>
</div>
<div id="example2">
    <h3>example</h3>
</div>