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

下面几种，需要的朋友可以看下<a >标签主要用于定义链接和书签，又被称作超链接或锚(anchor)链接，最常见的用法是下面几种：建立超链接href属性，跳转到href=中间的链接。<a href=建立书签，用 name 或 id 属性和超链接尾部加“ #”及这个书签的name跳转到网页某个位置& lt;a name=top></a >& lt;a n ame=1></a >& lt;a name=2></a ><a href=#top>返回顶部 </a><a href=#1>打开第一章 </a><a href=#2>打开第二章 </a>当您打开E维科技 W3CSchool在线教程的时候，会显现标题下面的导航，这些就是通 过书签name建立的。Javascript事件属性，点击后执行不同命令<ahref=javascript:void(0)on click=this.href=. net/>www.jb51. net</a>锚链接CSS样式在没有自定义锚链接<a href= </a>的 CSS样式的时候，默认锚链接的样式都是下面：默认链接样式，请用鼠标触发就可以看到效果& lt;style type=text/css >acolor:#00Fa:visitedcolor:#800080 a:hovercolor:#F00</style>& lt;a href=. net/& gt;www.jb51. net</a>acolor:#00F未被访问锚链接都是蓝色、下划线样式a:visitedcolor:#800080点击后的链接就是紫色、下划线样式 a:hovercolor:#F00鼠标触发上去就是红色、下划线样式不过由于这三种颜色太过强烈往往无法匹配所有的网页设计风格，如果需要其他颜色的锚链接样式，只需要在CSS中按照上面三种样式自己修改颜色及背景就可以了。锚链接为什么要带下划线？其实HTML冈矗出的时候，浏览器还没有现在这么先进，同时当时的电脑屏幕也没有 现在液晶等色彩，很多甚至都是黑白的。而在当时区分是不是链接的方法就是通过下划线， 而在很多黑白显示器上、或者面向色盲用户的网页尽量还是保留下划线，否则用户无法区分颜色。当然为了美观，一般现代网页设计都不会在链接上直接放上下划线。不过为了照顾色盲用户和黑白手机显示器用户，建议在用户鼠标触发的时候尽量设置CSS样式为带下划线的。锚链接Target跳转窗口设置当您打开本页的链接的时候，会发现打开有的链接会弹出到其他窗口，而打开有的链接会直接替换本页。而这种跳转方式可以使用锚链接的target属性设置跳转窗口。_self当前窗口打开，锚链接默认都是跳转到当前的浏览器窗口中，即默认target=_self<a href= target=_self>这里是当前新窗口显示E 维科技首页</a>_bla nk 新窗口打开&t;a href=target=_blank>这里是打开新窗 口显示E 维科技首页</a>无名target同个新窗口打开&t;a href= target=_weigeti>如果这里面的 _weigeti 不是网页 内部的name或id,就网页中所有 target=_weigeti链接都在同一个新窗口打开，而 _blank 每个链接都打开不同新窗口</a>框架name或id<a href= target=weigeti>点击这里，将在下面 name=weigeti的框架里面显示 E维科技首页，不会跳转新窗口或者替换当前窗口</a><iframe n ame=weigeti & gt ;</iframe>_parent父窗口打开，将链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的，则在浏览器全屏窗口中载入链接的文件，就象_self参数一样。& lt;iframe >   <a href=target=_parent>这里是框架内部</a>& t;/iframe>_top框架最顶层，比如网 A中镶嵌iframe 了网页B，网页B又镶嵌iframe 了网页C& lt;iframe >&n bsp; &n bsp;<iframe><a href=. net/ target=_top>这里是框架内部的框架 </a></iframe>& t;/iframe>如果网页C中连接设置target=_parent，则跳将网页B去掉直接A中嵌入网页C中链接 页面；而如果网页C中target=_top，则直接跳出所有iframe框架，直接转向C中链接页面。_top在当前的整个浏览器窗口中打开所链接的文档，因而会删除所所有框架锚链接对SEO的作用外链一直被当作搜索引擎优化的核心之一，为此各种形式的外链都出现了，而并不是所有的外链都对 SEO有作用。JS写的外链对SEO无效搜索引擎比较不愿意去识别Javascript，所有这点很容易理解。&t;a href=# onclick=this.href=SEO 无效</a>&t;a href=# onclick=window.open( SEO 无 效，甚至在Chrome等浏览器下都无法打开</a>链接rel=nofollow 也对SEO无效如果您跟别人网站换链的时候，通过源代码发现对方网站给您的链接添加了 rel=no follow属性，那么就是意味着这条链接不让搜索引擎抓取。<a href= rel=nofollow>这样的链接对 SEO 无效 </a><meta n ame=robots content=no follow /><a href=有链接都不会会搜索引擎抓取，所以对 SEO无效&t;/a>链接和背景颜色一样对SEO无效谷歌搜索刷先推出新算法打击链接颜色和北京颜色一样的外链，而这种外链一般被认为是黑链。& lt;style type=text/css >#vgtli nkbackgro un d:#FFF#vgtl in kabackgrou nd:#FFF</style>& lt;div id=vgtl in k>  &t;a href=id=vgtlinka>这样的链接对SEO 无效</a></div> <a href= style=background:#FFF>这样的链接对 SEO 也无效 </a>