HTML 锚点
来源:互联网 发布:点数图软件 编辑:程序博客网 时间:2024/06/07 16:04
英文定义为:“anchor”,所以翻译为“锚点”,“锚”可以理解成船上的锚,船把锚沉在水底泥土里, 船在水上漂移后,一拉锚的锁链就会回到抛锚的位置。(借用知乎网友描述)
锚点的标记可以通过id和name来创建,并未仅限于标签a
链接到锚点标记位置有两种方法:
- 一种是利用超链接标签
<a></a>
制作锚点链接,主要用于页面内访问
<a href="#test1">测试锚点一</a> <a href="#test2">测试锚点二</a> <a href="#test3">测试锚点三</a>
- 另一种方式是直接在页面地址后面加锚点标记,主要用于不同页面之间的锚点,可以通过a跳转,也可以通过其他的路由方式跳转。 #tips是我们命名的锚点标记
<a href="http://www.w3school.com.cn/html/html_links.asp#tips>测试锚点三</a>
代码如下:
<!DOCTYPE html><html> <body> <a href="#test1">测试锚点一</a> <br/><a href="#test2">测试锚点二</a> </p> <h2 id="test2">锚点二</h2> <p>使用锚标签的id属性</p> <h2><a name="test1">锚点一</a></h2> <p>使用锚标签的name 属性</p> </body> </html>
测试锚点一
测试锚点二
测试锚点三
锚点一
使用锚标签的name 属性
锚点二
使用锚标签的id属性
锚点三
使用锚标签的id属性
1 0
- html 锚点使用
- html 锚点使用
- HTML锚点
- html锚点
- html锚点
- html 锚点用法
- html 锚点定位
- HTML锚点
- 锚点 html链接
- HTML锚点
- HTML锚点
- html 锚点
- html中的锚点
- HTML锚点
- HTML 锚点学习
- HTML 锚点
- 关于html锚点
- html设置锚点
- 关于Git的使用,今天被问到,转来一片文章,记录学习
- 软件开发编程规范及原则
- HDOJ 1863 畅通工程 (Kruskal 最小生成树)
- jQuery 实时获取元素距离顶部高度
- Session&&Cookie
- HTML 锚点
- Leetcode在线编程sum-root-to-leaf-numbers
- TCP三次握手四次挥手过程详解
- Android版本检测更新
- Android 课堂笔记——shape
- jquery选择器
- 对抗样本与生成式对抗网络
- 1小时学会:最简单的iOS直播推流(七)h264/aac 硬编码
- MyEclipse2015在线安装SVN