<a> 标签可定义锚。锚 (anchor) 有两种用法:
通过使用 href 属性,创建指向另外一个文档的链接(或超链接)
通过使用 name 或 id 属性,创建一个文档内部的书签(也就是说,可以创建指向文档片段的链接)
第一步
在要到的playkid.html页面位置加上<a name="123"></a>
第二步
要链接的playkid.html页面地方:<a href="playkid.html#123">链接到PlayKid的123</a>
html添加的锚点
能指向页面里的特定段落,更能当作"精准链接"的便利工具,让链接对象接近焦点.,便于浏览者查看网页内容
。
书签不会以任何特殊方式显示,它对读者是不可见的。当使用命名锚(named anchors)时,我们可以创建直接
跳至页面中某个节的链接。
分为两步:创建命名锚记和链接到命名锚记。
第一种:
...一些文字...
<a href="#leifeng">关于雷锋的传说</a>
...一些文字...
<a name="leifeng"></a>
<h2>雷锋同志做好事不留名的故事</h2>
...更多文字...
创建锚点链接,首先要设置一个命名锚点(<a name="leifeng">),然后建立到命名锚点的链接(<a
href="#leifeng">)。当页面包含了很长的内容时,我们能通过这个方法十分方便的连到特定的字段。
这里浪费一个内容空白的标签(<a name="leifeng"></a>)来标识链接位置,不利于SEO。
第二种:
...一些文字...
<a href="#leifeng">关于雷锋的传说</a>
...一些文字...
<h2><a name="leifeng">雷锋同志做好事不留名的故事</a></h2>
...更多文字...
我们仍然使用<a>标签配上name属性,但这次我们把它包在我想要链接的标题外面。
如果你为所有的<a>元素指定了全局的CSS样式的话(颜色、文字大小、文字装饰等等),这些样式就会覆盖你为
<h2>元素指定的样式。
第三种:使用id属性来创建链接锚
<a href="#leifeng">关于雷锋的传说</a>
...一些文字...
<h2 id="leifeng">雷锋同志做好事不留名的故事</h2>
...更多文字...
id属性的功能就像name属性,同样能为页面指定锚点;另外,消除了使用name属性是需要的额外<a>标签,我们
不需要为仅仅设定锚点而加上额外的代码。
<div>、<form>、<p>、<ul>都可以添加id属性来创建锚点;注意id命名必须以字母A-Z或 a-z 开头。
锚点链接
创建命名锚点(简称锚点)就是在文档中设置位置标记,并给该位置一个名称,以便引用。通过创建锚点,可以
使链接指向当前文档或不同文档中的指定位置。锚点常常被用来跳转到特定的主题或文档的顶部,使访问者能够
快速浏览到选定的位置,加快信息检索速度。
第四种:合而为一
<a href="#leifeng">关于雷锋的传说</a>
...一些文字...
<h2><a id="leifeng" name="leifeng">雷锋同志做好事不留名的故事</a></h2>
...更多文字...
锚点只需name就可以可,加id是为了让它兼容性更好。以上代码在IE6/7及火狐中都可以兼容,但在IE8中就不行
,name属性不支持未来的浏览器。
因为我们锚点的<a></a>值为空,为不影响美观我们加个空格或留空就行了。
ID就像是一个人的身份证号码,而Name就像是他的名字,ID显然是唯一的,而Name是可以重复的。同一个Form里
不能有多个name属性相同的HTML标记,但一个网页中多个不同的Form里可以有同个Name属性的标记。而ID是全局
的,在一个HTML文档里不能有多个节点使用相同的ID,无论它处在哪个Form里。
程序那边说他们要取值,连接中必须要有“?”或“&”,那这样我的锚点就不兼容了…
Anchor
我们将这些标记点称为锚点(Anchor)
另外再说一下,<a name="A0" id="A0"></a>中的name与id,可以只使用一个,但某些情况下,只是用name会造
成锚点无效的错误。建议还是name与id同时使用。