知识学堂 > 课程 > Html锚点

Html锚点

发布日期:2018/12/16 来源:聚恒【返回】

先了解一下什么是锚点,才能更好的使用它。

简单来说:锚点是一种超链接,只是它是页面内部的超链接。

下面看一组实例:

有个专题页面要在里面三个地方加锚点,跳到同一个地方,简单总结如下:


同页面:
超链接:<a href="#q1">问题一</a> 

跳转位置:<a name="q1">问题一的解答</a> 


不同页面: 
a.html的超链接: <a href="b.html#q1">问题一</a> 
b.html的内容位置: <a name="q1">问题一的解答</a>



1.确定在同一个页面打开 
如果不是在同一个页面打开的话,<a>标签要加 target="_self"属性
如:  
<a href="#q1" target="_self" >问题一</a> 
2.跳转锚点的超链接规范:a标签属性 href="#锚点名";锚点位置属性:name="锚点名";