html锚点的添加

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

同页面:
<a href="#q1">问题一?</a>
<a name="q1">&nbsp;</a>


注:IE6中<a href="#q1"></a>是无效的。必须中间加个空格方可兼容各浏览器。<a href="#q1">&nbsp;</a>


不同页面:
a.html的内容 <a href="b.html#q1">问题一?</a>
b.html的内容 <a name="q1"></a>

注:
1.确定在同一个页面打开,如果
<a href="#q1">问题一?</a>
这样写不是在同一个页面打开的话,要加 target="_self"
如:<a href="#q1"target="_self">问题一?</a>

2.只要是跳到同一个地方,锚点名称必须是一样的。

3.添加锚点,起始位置和结束位置必须都是用<a></a>标记来写的,前面是用href="#锚点名",后面是name="锚点名";




      本文转自许琴 51CTO博客,原文链接:http://blog.51cto.com/xuqin/958359,如需转载请自行联系原作者




相关文章
|
4月前
HTML【详解】超链接 a 标签的四大功能(页面跳转、页内滚动【锚点】、页面刷新、文件下载)
HTML【详解】超链接 a 标签的四大功能(页面跳转、页内滚动【锚点】、页面刷新、文件下载)
148 0
|
6月前
|
移动开发 UED HTML5
HTML锚点链接的深入解析与应用
HTML锚点链接的深入解析与应用
170 0
|
移动开发 JavaScript 前端开发
HTML的笔记及展示(1)(锚点、a元素添加超链接href、img元素、iframe元素、HTML5新增的拖放API)
HTML的笔记及展示(1)(锚点、a元素添加超链接href、img元素、iframe元素、HTML5新增的拖放API)
146 0
HTML的笔记及展示(1)(锚点、a元素添加超链接href、img元素、iframe元素、HTML5新增的拖放API)
|
开发者
HTML标签- 锚点定位|学习笔记
HTML标签- 锚点定位|学习笔记
153 0
HTML标签- 锚点定位|学习笔记
|
BI 容器
HTML——标签,路径,锚点,列表
HTML——标签,路径,锚点,列表
160 0
html 锚点定位偏移 外边距增加
html 锚点定位偏移 外边距增加
547 0
|
开发者
HTML标签- 锚点定位|学习笔记
快速学习HTML标签- 锚点定位
HTML标签- 锚点定位|学习笔记
|
Web App开发
HTML-文字标记 超链接锚点
在网页中文本都是用标记包住的文字效果 <!-- 文档规范引用 --> <html> <head> <meta charset="utf-8" /> <title>嘻嘻哈哈</title> </head> <body> <!-- <f...
885 0
|
JavaScript 前端开发 Go