在html页面中,a标签即超链接标签,<a> 标签主要用于定义链接和书签,又被称作超链接或锚(anchor)链接。
常见有以下几种:
1、建立超链接href属性,跳转到href=""中间的链接。
例子:
有些网站标题下的导航,也是通过书签name建立的。
javascript 事件属性,点击后执行不同命令:
2、锚链接css样式
在没有自定义锚链接<a href="http://www.plcxue.com/">锚链接文字</a>的CSS样式时,默认锚链接的样式。
代码:
默认链接样式,请用鼠标触发查看效果:
不过由于这三种颜色太过强烈往往无法匹配所有的网页设计风格,如果需要其他颜色的锚链接样式,只需要在CSS中按照上面三种样式自己修改颜色及背景就可以了。
3、锚链接为什么要带下划线?
其实HTML刚推出的时候,浏览器还没有现在这么先进,同时当时的电脑屏幕也没有现在液晶等色彩,很多甚至都是黑白的。
而在当时区分是不是链接的方法就是通过下划线,而在很多黑白显示器上、或者面向色盲用户的网页尽量还是保留下划线,否则用户无法区分颜色。
当然为了美观,一般现代网页设计都不会在链接上直接放上下划线。
不过为了照顾色盲用户和黑白手机显示器用户,建议在用户鼠标触发的时候尽量设置css样式为带下划线的。
4、锚链接Target跳转窗口设置
当您打开本页的链接的时候,会发现打开有的链接会弹出到其他窗口,而打开有的链接会直接替换本页。而这种跳转方式可以使用锚链接的target属性设置跳转窗口。
5、框架name或id
<a href="http://www.plcxue.com/" target="weigeti">点击这里,将在下面name="weigeti" 的框架里面显示E维科技首页,不会跳转新窗口或者替换当前窗口</a>
<iframe name="weigeti"></iframe>
_parent 父窗口打开,将链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的,则在浏览器全屏窗口中载入链接的文件,就象_self参数一样。
<iframe>
<a href="http://www.plcxue.com/" target="_parent">这里是框架内部</a>
</iframe>
_top 框架最顶层,比如网A中镶嵌iframe了网页B,网页B又镶嵌iframe了网页C
<iframe>
<iframe><a href="http://www.plcxue.com/" target="_top">这里是框架内部的框架</a></iframe>
</iframe>
如果网页C中连接设置target=_parent,则跳将网页B去掉直接A中嵌入网页C中链接页面;
而如果网页C中target=_top ,则直接跳出所有iframe框架,直接转向C中链接页面。
_top 在当前的整个浏览器窗口中打开所链接的文档,因而会删除所所有框架
6、锚链接对SEO的作用
外链一直被当作搜索引擎优化的核心之一,为此各种形式的外链都出现了,而并不是所有的外链都对SEO有作用。
7、JS写的外链对SEO无效
搜索引擎比较不愿意去识别Javascript,所有这点很容易理解。
如果与别人网站换链时,通过源代码发现对方网站给您的链接添加了rel=nofollow 属性,那么就是意味着这条链接不让搜索引擎抓取。
8、链接和背景颜色一样对SEO无效
谷歌搜索刷先推出新算法打击链接颜色和北京颜色一样的外链,而这种外链一般被认为是黑链。
例子: