Question

我有一个页面，让我们说第2页，填充了几个<section>：

<section class="box special" id="section1">
 //
</section>
<section class="box special" id="section2">
 //
</section>
<section class="box special" id="section3">
 //
</section>
<section class="box special" id="section4" style="background:#3399ff;">
 //
</section>

然后我有另一个页面，page1，我想在其中放置一个锚链接

    <ul class="actions">
        <li><a href="page2.php" class="button">Link to page2</a></li> 
   </ul>

我想要实现的是设置此锚点链接，以便在第2页中找到特定的<section>，而不仅仅是在第2页的顶部。那可能吗？如果是这样，怎么样？

Answer 1

使用#{id}，其中{id}是您要链接的部分的ID值。例如

<a href="page2.php#section1" class="button">Link to page2</a>

将带您转到section1的{{1}} section。

进一步阅读：

MDN href attribute documentation.

Answer 2

使用锚标记

<a name="section1"><section ...></section></a>

然后在链接中添加特定锚

<a href="page2.php#section1">Link</a>

正如评论所暗示的那样，如果你正在使用HTML5（看起来你是），你可以删除锚标记，只使用section元素的id

<section id="section1">...

如何设置页面中特定部分的锚链接？

2 个答案: