html - 如何设置指向页面中特定部分的 anchor 链接？

Question

我有一个页面，比方说 page2，充满了几个 <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，我想在其中放置一个 anchor 链接

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

我想要实现的是设置此 anchor 链接以到达特定的 <section>在 page2 中，而不仅仅是在 page2 的顶部。那可能吗？如果是这样，怎么做到的？

Answer 1

使用 anchor 标签

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

然后在链接中添加特定的 anchor

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

正如评论所建议的那样，如果您使用的是 HTML5(看起来您是)，则可以删除 anchor 标记并只使用部分元素的 id

<section id="section1">...