https://www.cnblogs.com/tommy-huang/p/4468574.html

锚点(anchor)：其实就是超链接的一种，一种特殊的超链接

普通的超链接，<a href="路径"></a> 是跳转到不同的页面

而锚点，<a href="路径"></a> 可以在同一个页面中不同的位置间跳转

可以看到，跳转到锚点的超链接跟普通的超链接格式是一样的，

1.使用锚点的步骤：

1.1.先建立锚点目标，

如上所述，锚点可以在同一页面的不同位置间跳转，其实就是在元素间跳转，

常用的场景就是，页面很长，让用户方便在页面不同部分间跳转

建立锚点目标，只需要给目标元素增加id或者name即可，推荐id：

<div id="test" name="test"></div>

1.2.要创建跳转到id="test"的div的锚点，

<a href="#test"></a>

注意：1.锚点的超链接路径一定包含"#",而后面紧跟元素的id或者name

(所以id和name必须一样，其实我试了有时name是不生效的)

2.锚点使用总结：

2.1. 建立锚点的元素必须要有id或name属性，最好两个都有

2.2. 锚点超链接一定包含井号"#",锚点超链接都在链接的最末端，具体看后面例子

2.3. 同一个页面不同部分的跳转，锚点的写法

目标元素：<p id="test"></p> 锚点超链接：<a href="#test"></a>

2.4. 不同页面跳转，同时存在锚点

目标元素：a.html页面的<div id="test"/> 锚点超链接：<a href="a.html#test"></a>

（先跳到a.html页面，然后再寻找id=test的元素）

2.5. 不同页面带参数跳转，同时存在锚点

目标元素：a.php?p=abc页面的<div id="test"/> 锚点超链接：<a href="a.php?p=abc#test"></a>

html锚点(mao dian)--特殊的超链接相关推荐

html中锚链接作用和特点,HTMLa标签作为锚链接
1. 什么是锚链接? 标签主要作为超链接和锚链接使用.超链接主要指不同html页面之间的跳转,而锚链接指的是同一页面之间的跳转. 锚链接的两种效果: 在当前页面中跳转.:通过元素的ID进行跳转网页中 ...
HTML超链接的作用是什么,设置超链接有什么作用_什么是超链接?
超链接在本质上属于一个网页的一部分,它是一种允许我们同其他网页或站点之间进行连接的元素.各个网页链接在一起后,才能真正构成一个网站.所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一 ...
超链接一般有两种表现形式_超链接的类型
展开全部按照连接路径的不同,网页中超链接一般分为以下3种类型:内部链接,锚点链接和32313133353236313431303231363533e58685e5aeb931333339666665 ...
网络安全攻击与防护--HTML学习
第一节. HTML基本语法(文末有对该文视频讲解) HTML的官方介绍什么的我就不说了,打字也挺累的,只简单介绍一下吧,其他的懂不懂都没关系. HTML全称为Hypertext Markup Lang ...
入门写博客之markdown语法
目录 1. 快捷键 2. 基本语法 2.1 字体设置斜体.粗体.删除线 2.2 分级标题 2.3 链接 2.4 分割线 2.5 代码块 2.6 引用 2.7 列表 2.8 表格 3. 常用技巧 3.1 ...
dll文件用什么语言编写_零基础学习markdown标记语言语法，十分简单便捷编写markdown文件...
引言:在完成了使用开源的Atom软件搭建好编写markdown的环境后,接下来就进行我们的第一个markdown文件的编写,同时学习markdown标记语言的基础语法,都是十分简单的一些标记,如果学习 ...
HTML笔记一，部分常用的元素与属性
HTML中的常用元素与属性 <hr>:定义一条水平线 <div>:定义文档中的节,默认换行 <span>:定义一个节,但不换行对文字的格式化元素: <b&g ...
cricheditview实现语法高亮和行号_Markdown语法详解及工具介绍
一.快捷键加粗 Ctrl + B斜体 Ctrl + I引用 Ctrl + Q插入链接 Ctrl + L插入代码 Ctrl + K插入图片 Ctrl + G提升标题 Ctrl + H有序列表 Ctrl ...
商业价值：谷歌眼中的搜索未来
谷歌这些年的一系列举动,从Android到Chrome,从语音搜索到谷歌TV,都是其对未来搜索认识的投影. 许多人曾经怀疑,搜索技术还能走多远,甚至前几年,还有人说,搜索能够做的90%的事情都已经做完 ...

html锚点(mao dian)--特殊的超链接