时间:2013-07-15 16:12:59

HTML Link标签 文档资源、导航、SEO 介绍

分享到:

 

定义和用法

head头标签里面,有另一个不起眼的标签。那就是:Link标签。<link> 标签的作用是定义文档与外部资源的关系,最常用的是链接样式表。


<head>
<link rel="stylesheet" type="text/css" href="header.css" />
</head>
以上是链接样式表,这是常用的方法。其实它还可以做文件导航、以及seo方面都可以有用途。我们继续往下吧!

Link属性介绍

属性 描述
rel alternate
appendix
bookmark
chapter
contents
copyright
glossary
help
home
index
next
prev
section
start
stylesheet
subsection
icon (后来补充)
定义当前文档与被链接文档之间的关系
rev alternate
appendix
bookmark
chapter
contents
copyright
glossary
help
home
index
next
prev
section
start
stylesheet
subsection
定义被链接文档与当前文档之间的关系
href URL地址 定义被链接文档的位置
type 定义媒体类型 MIME_TYPE 指定被链接文档的 MIME 类型
media screen
tty
tv
projection
handheld
print
braille
aural
all
规定被链接文档将显示在什么设备上
charset 字符编码如:utf-8,gb213等 指定被链接文档的字符编码方式
hreflang 语言2字代码 language_code 指定被链接文档中文本的语言

其它标准属性:

1、核心属性 (id,class,style,title)  分别是id号,样式名称,单行样式,title描述

2、语言属性(dir,lang,xml:lang)  分别是 文本方向、语言

3、键盘属性(accesskey,tabindex) 分别是 快捷键、tab建索引

以上属性也具有!

 

SEO相关的使用属性

1、canonical属性值

当一个站点,有几个内容一致的页面(相同内容,有多个url地址),这样页面多的出现、会因为大量重复内容出现,被搜索引擎降权!因此,我们可以利用该属性指定页面出处!

如:http://blog.chacuo.net/332.html    http://blog.chacuo.net/?p=332

两个是同一个内容,那么我在http://blog.chacuo.net/?p=332 加入:<link rel=’canonical’ href=’http://blog.chacuo.net/332.html’ />
告诉,搜索引擎,这个页面与322.html一致,以322.html为准,不要收录p=322页面。

2、next,prev,home等属性值,带连接的导航作用

例如:当前页是332.html,里面有:

<link rel=’prev’   href=’http://blog.chacuo.net/331.html’ />  <link rel=’next’   href=’http://blog.chacuo.net/333.html’ />它相关的上一个页面是331.html,下一个页面是333.html。不过,目前搜索引擎对这些支持不是很好!基本作用不大!

小结:

link,rel属性有多种,现在也有新的扩展,例如wordpress中,我们可以看到:EditURI,wlwmanifest属性。我们也可以自己定义新的属性,不过已经确定了名称属性。它的作用已经固定,我们得遵守它的本意!

作者:程默的博客  QQ:8292669
原文网址:http://blog.chacuo.net/339.html
订阅保持关注:http://blog.chacuo.net/feed
本文版权归作者所有,欢迎转载,请务必添加原文链接。


 

留下评论

要发表评论,您必须先登录