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

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 section的page2.

进一步阅读:

MDN href属性文档.

Answer 2

使用定位标记

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

然后在链接中添加特定锚点

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

就像评论所建议的那样，如果您使用的是HTML5（看起来确实如此），则可以删除定位标记，而只需使用section元素的id

<section id="section1">...