我如何设置锚链接到页面中的特定部分?
我有一个页面,让我们说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>
将带你到page2
的section1
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?