在HTML页面中添加锚点的方法

发布时间:2020-10-18编辑:脚本学堂
有个用户要求在网页里面三个地方加锚点,跳到同一个地方,在这里简单总结下几种方法分享给大家,希望能给您带来帮助。

同页面:
Html代码
 

复制代码 代码示例:
<a href="#q1">问题一?</a>
<a href="#q1">问题二?</a>
<a href="#q1">问题二?</a>
<a name="q1">问题一的解答</a>
 

不同页面:
Html代码
 

复制代码 代码示例:
a.html的内容 <a href="b.html#q1">问题一?</a>
b.html的内容 <a name="q1">问题一的解答</a>
 

注:
1.确定在同一个页面打开
 

<a href="#q1">问题一?</a>
<a href="#q2">问题二?</a>这样写不是在同一个页面打开的话,要加 target="_self"
 

如:
 

复制代码 代码示例:
<a href="#q1" target="_self" >问题一?</a>
<a href="#q2" target="_self" >问题二?</a>
 

添加锚点就是为了在同一个页面方便快捷地找到相应位置,所以要确定在同一个页面打开才好,
2.只要是跳到同一个地方,锚点名称必须是一样的。
3.添加锚点,起始位置和结束位置必须都是用<a></a>标记来写的,前面是用href="#锚点名",后面是name="锚点名";