HTML网页制作：制作锚点链接

1、锚点链接定义：

指我点击页面中的某一个链接(锚点链接)，就会跳到这个页面的指定位置(锚点)。

2、锚点链接的步骤：

(1)、设置锚点：<a name="锚点的名字"></a>

意思是在网页中的某一个位置，插入一个锚点。

(2)、设置锚点链接：<a href="#锚点的名字">点我就会跳到锚点处</a>

意思是在网页中的某一个位置链接之前设定的锚点，只要点击该链接，就会自动跳转到锚点处。

(3)、此时，点击锚点链接就会跳到锚点的位置。

3、举例：

多个网站中的 回到顶部 按钮 就是用锚点做的。

<p name="top" id="top">这里是顶部</p>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<a href="#top">回到顶部</a>

通常锚点定义只需要写name这个属性，不过在xhtml中更正式是需要写上id。

 

参考链接：

https://jingyan.baidu.com/article/a3f121e4e51d38fc9052bb86.html

https://zhidao.baidu.com/question/679356986603917492.html