Chinaunix首页 | 论坛 | 博客
  • 博客访问: 18677
  • 博文数量: 12
  • 博客积分: 1450
  • 博客等级: 上尉
  • 技术积分: 140
  • 用 户 组: 普通用户
  • 注册时间: 2010-04-26 21:05
文章分类

全部博文(12)

文章存档

2010年(12)

我的朋友
最近访客

分类: 系统运维

2010-09-17 00:44:10

Html中锚点的使用
今天突然想用锚点了,虽然这东西在平常的网页设计中很少用到,但是今天做了个很长很长的表格,找起来很麻烦,就想到弄这个了,发现现在自己什么都不会了啊.要重头学起了...
先总结一下锚点怎么使用.比如我有两个标题,分别是 贝落格 和 锚点使用教程.那么我们需要给这两个标题做两个标记
也就是下文的还有
在目录上我们只要标记
就能够很快的索引到 贝落格这个标题了~
当然....
这种方法不太好:一是产生一个无意义的 a 标签;二是 a 标签缺少 href 属性,不符合 XHTML 标准;三是多了 name 属性,不符合 XHTML 标准。
使用 id 时,我们不再局限于 a 标签,可以用于其他标签,比如可以是:

个人推荐试用

这种方式,

这种用 id 做锚点在 IE、Firefox、Chrome、Opera 中都是受支持的。
使用方法就是这么简单.呵呵.下面看看网上搜集来的教程~
1:锚点是什么?
锚点也可以理解成为一种超级链接,只不过它是网页内部的超级链接(注意不是网站内部)。
比如我们有一个网页很长很长,而且里面的内容,可以分为N个部分。这样的话,我们就可以在网页的顶部设置一些锚点,这样便可以方便浏览者点击相应的锚点,到达本页内相应的位置,而不必在一个很长的网页里自行寻找。
2:锚点的使用。
锚点从代码上看,仍然是超级链接的一种应用。
这样的一个无内容的标签,便是一个锚点了,我们可以把它放在网页中 之间的任意位置。当然,究竟放在哪个位置,就要看我们的实际需要了。
下面举一个例子:





锚点示例




网页第一部分
网页第二部分

1返回顶部

2返回顶部




另外再说一下,中的name与id,可以只使用一个,但某些情况下,只是用name会造成锚点无效的错误。建议还是name 与id同时使用。

阅读(516) | 评论(1) | 转发(0) |
0

上一篇:php 查询数据库乱码问题

下一篇:没有了

给主人留下些什么吧!~~

chinaunix网友2010-09-17 16:05:31

很好的, 收藏了 推荐一个博客,提供很多免费软件编程电子书下载: http://free-ebooks.appspot.com