博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Html中锚点的使用【转】
阅读量:5094 次
发布时间:2019-06-13

本文共 1199 字,大约阅读时间需要 3 分钟。

Html中锚点的使用

今天突然想用锚点了,虽然这东西在平常的网页设计中很少用到,但是今天做了个很长很长的表格,找起来很麻烦,就想到弄这个了,发现现在自己什么都不会了啊.要重头学起了...
先总结一下锚点怎么使用.比如我有两个标题,分别是 贝落格  和 锚点使用教程.那么我们需要给这两个标题做两个标记
也就是下文的<a name="a1">贝落格</a>还有 <a name="a1">锚点使用教程</a>
在目录上我们只要标记<a href="#a1">贝贝</a1>就能够很快的索引到 贝落格这个标题了~
当然....
这种方法不太好:一是产生一个无意义的 a 标签;二是 a 标签缺少 href 属性,不符合 XHTML 标准;三是多了 name 属性,不符合 XHTML 标准。
使用 id 时,我们不再局限于 a 标签,可以用于其他标签,比如可以是:
<h2 id="a1">贝落格</h2>
这种用 id 做锚点在 IE、Firefox、Chrome、Opera 中都是受支持的。
使用方法就是这么简单.呵呵.下面看看网上搜集来的教程~
1:锚点是什么? 
锚点也可以理解成为一种超级链接,只不过它是网页内部的超级链接(注意不是网站内部)。 
比如我们有一个网页很长很长,而且里面的内容,可以分为N个部分。这样的话,我们就可以在网页的顶部设置一些锚点,这样便可以方便浏览者点击相应的锚点,到达本页内相应的位置,而不必在一个很长的网页里自行寻找。 
2:锚点的使用。 
锚点从代码上看,仍然是超级链接的一种应用。 
<a name="A1" id="A1"></a>这样的一个无内容的<a>标签,便是一个锚点了,我们可以把它放在网页中<body& gt;与</body>之间的任意位置。当然,究竟放在哪个位置,就要看我们的实际需要了。 
下面举一个例子: 

1   2   3   4 
5 锚点示例 6 7 8 9 10 网页第一部分 11 网页第二部分 12
13 1返回顶部 14
15 2返回顶部 16
17 18

 

另外再说一下,<a name="A0" id="A0"></a>中的name与id,可以只使用一个,但某些情况下,只是用name会造成锚点无效的错误。建议还是name与id同时使用。 
 
 
推荐使用id~呵呵~但是根据教程上说的~id 和name 一起用也貌似不错~不过遵循xhtml规则的话.还是老老实实的定义id吧~
本文来源于贝落格  http://www.baybey.net/ , 原文地址:http://www.baybey.net/post/840.html

来源:

转载于:https://www.cnblogs.com/seazeg/archive/2012/05/01/2478249.html

你可能感兴趣的文章
你所不知道的 CSS 阴影技巧与细节
查看>>
MyBatis框架的使用及源码分析(三) 配置篇 Configuration
查看>>
20172319 实验三《查找与排序》实验报告
查看>>
构造函数的继承
查看>>
Nginx的虚拟主机配置
查看>>
overflow 属性
查看>>
Mychael原创题 洛谷T23923 Mychaelの水题 【题解】
查看>>
Objective-C 协议(protocol)
查看>>
Android自定义进度条
查看>>
java虚拟机深入理解Java虚拟机:JVM高级特性与最佳实践(第2版)
查看>>
struts返回对象json格式数据
查看>>
[[UIScreen mainScreen] bounds] 返回的屏幕尺寸不对
查看>>
python基础_格式化输出(%用法和format用法)
查看>>
前端面试题之手写事件模型及事件代理/委托
查看>>
python 自动回收机制
查看>>
11月17日站立会议内容
查看>>
后端图片上传
查看>>
ubuntu编译运行xv6
查看>>
02-Mysql数据库----初识
查看>>
SqlServer中union 和 union all的区别
查看>>