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>之间的任意位置。当然，究竟放在哪个位置，就要看我们的实际需要了。 下面举一个例子： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>锚点示例</title> </head> <body> <a name="A0" id="A0"></a> <a href="#A1">网页第一部分</a> <a href="#A2">网页第二部分</a> <div style="height:900px; background:#CCCCCC"></div> <a name="A1" id="A1"></a>1<a href="#A0">返回顶部</a> <div style="height:900px; background:#999999"></div> <a name="A2" id="A2"></a>2<a href="#A0">返回顶部</a> <div style="height:900px; background:#666666"></div> </body> </html> 另外再说一下，<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来源：http://jrlqq.blog.163.com/blog/static/13128157520101832132526/