网站地图    收藏   

子栏目

主页 > 前端 > html教程 >

html中设置锚点定位的几种常见方法_HTML/Xhtml_网页

来源：自学PHP网    时间：2014-12-15 15:59 作者： 阅读:次

[导读] 在html中设置锚点定位我知道的有几种方法，使用id定位、使用name定位、使用js定位，这些方法大家可以参考下...

在html中设置锚点定位我知道的有几种方法，使用id定位、使用name定位、使用js定位，这些方法大家可以参考下
在html中设置锚点定位我知道的有几种方法，在此和大家分享一下：

1、使用id定位：

复制代码
代码如下:

<a href="#1F" name="1F">锚点1</a>
<div name="1F">
<p>
11111111111
</br>
11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>11111111111
</br>
</p>
</div>

这样的定位可以针对任何标签来定位。

2、使用name定位：

复制代码
代码如下:

<a href="#5F">锚点5</a>
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>
<a name="5F">1111111</href>

使用name属性只能针对a标签来定位，而对div等其他标签就不能起到定位作用。

3、使用js定位

复制代码
代码如下:

<li class="" onclick="javascript:document.getElementById('here').scrollIntoView()"></li>

最新评论

    加载更多~~

    添加评论

    更多文章推荐

    自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习

    京ICP备14009008号-1@版权所有www.zixuephp.com

    网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com

    添加评论