锚点链接

<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同时使用。