html中设置锚点定位的几种常见方法(#号定位)
2016-04-02 11:46
417 查看
在html中设置锚点定位我知道的有几种方法,在此和大家分享一下:
1、使用id定位:
这样的定位可以针对任何标签来定位。
2、使用name定位:
使用name属性只能针对a标签来定位,而对div等其他标签就不能起到定位作用。
3、使用js定位:
1、使用id定位:
<a href="#1F">锚点1</a> <div id="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>
相关文章推荐
- HTML学习笔记(十一)内联框架
- Html.BeginForm 与Section、Partial View 和 Child Action
- HTML基础学习笔记
- 用Html写一个简单的登陆界面
- VS2013默认打开html文件没有设计视图的解决办法
- Chapter 13:Understanding HTML&Assignment(2)
- HTML —— 多种空格转义字符
- HTML学习笔记(九)表单
- CSDN博客中嵌入背景音乐
- 抽取html中的所有链接
- HTML <font> 标签
- HTML —— HTML教程|HTML手册|HTML基础|HTML语法
- mac和window下的html开发工具
- HTML学习(七)——框架
- HTML <a> 标签
- 关于HTML中的title换行问题
- 关于VS打开cshtml出现 未能完成该操作。无效指针
- HTML学习(六)——表单
- 使用HTML写一个完整的注册页面
- 好玩的html