我如何设置锚链接到页面中的特定部分?

我有一个页面,让我们说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,我想在其中放置一个锚链接

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

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


使用#{id} ,其中{id}是要链接到的部分的id值。 例如

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

将带你到page2section1 section


进一步阅读:

MDN href属性文档。


使用锚标签

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

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

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

正如评论所暗示的那样,如果你使用的是HTML5(看起来你是),你可以消除锚标签,并使用section元素的id

<section id="section1">...
链接地址: http://www.djcxy.com/p/88995.html

上一篇: How can I set an anchor link to a specific section in a page?

下一篇: In page anchor not working in firefox