HTML 链接锚标签及其在SEO中的作用介绍

<a> 标签主要用于定义链接和书签，又被称作超链接或锚(anchor)链接，最常见的用法是下面几种：

建立超链接href属性，跳转到href=""中间的链接。

<a href="https://www.jb51.net/">www.jb51.net</a>
建立书签，用name 或 id属性 和超链接尾部加“#”及这个书签的name 跳转到网页某个位置
<a name="top"></a><a name="1"></a><a name="2"></a><a href="#top">返回顶部</a><a href="#1">打开第一章</a><a href="#2">打开第二章</a>
当您打开E维科技W3CSchool 在线教程的时候，会显现标题下面的导航，这些就是通过书签name建立的。
Javascript 事件属性，点击后执行不同命令
<a href="javascript:void(0)" onclick="this.href='https://www.jb51.net/'">www.jb51.net</a>
锚链接CSS样式
在没有自定义锚链接<a href="https://www.jb51.net/">锚链接文字</a>的CSS样式的时候，默认锚链接的样式都是下面：
默认链接样式，请用鼠标触发就可以看到效果
<style type="text/css">
a{color:#00F}
a:visited{color:#800080}
a:hover{color:#F00}
</style>
<a href="https://www.jb51.net/">www.jb51.net</a>
a{color:#00F} 未被访问锚链接都是蓝色、下划线样式
a:visited{color:#800080} 点击后的链接就是紫色、下划线样式
a:hover{color:#F00} 鼠标触发上去就是红色、下划线样式
不过由于这三种颜色太过强烈往往无法匹配所有的网页设计风格，如果需要其他颜色的锚链接样式，只需要在CSS中按照上面三种样式自己修改颜色及背景就可以了。
锚链接为什么要带下划线？
其实HTML刚推出的时候，浏览器还没有现在这么先进，同时当时的电脑屏幕也没有现在液晶等色彩，很多甚至都是黑白的。而在当时区分是不是链接的方法就是通过下划线，而在很多黑白显示器上、或者面向色盲用户的网页尽量还是保留下划线，否则用户无法区分颜色。
当然为了美观，一般现代网页设计都不会在链接上直接放上下划线。不过为了照顾色盲用户和黑白手机显示器用户，建议在用户鼠标触发的时候尽量设置CSS样式为带下划线的。
锚链接Target跳转窗口设置
当您打开本页的链接的时候，会发现打开有的链接会弹出到其他窗口，而打开有的链接会直接替换本页。而这种跳转方式可以使用锚链接的target属性设置跳转窗口。