首页 > html > faq > 19.html页面跳转到指定位置

19.html页面跳转到指定位置

在编辑网页的时候我们经常需要需要跳转到页面的指定位置。比如通过在页面中加入目录,目录中的连接分别指向本页中对应的标题。实现这个效果需要先设置网页锚点,然后在链接中设置跳转到指定锚点。

1 网页中跳转到指定位置效果示例

在大屎蛋教程网中很多页面都应用这种设置来方便用户访问特定文本。比如

css链接样式设置这个文章的目录部分。

如图所示: 19-1

2 网页中设置锚点

网页中设置锚点的方法很简单,通过在html标签中加上id="NAME"属性即可。其中NAME属性即作为这个标签的锚点。

3 通过a标签点击访问指定位置

a标签除了访问其他页面的url以外还有一个作用就是访问页面的其他位置。通过"#"后边加上标签的id,点击即可跳转到指定位置。

示例代码:

<div>
    <a href="#1">跳转到锚点链接示例-大屎蛋教程网</a>
</div>

<div id="1"><h3>跳转到此位置</h3></div>
转载请保留原文链接.