定义和用法
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
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属性。我们也可以自己定义新的属性，不过已经确定了名称属性。它的作用已经固定，我们得遵守它的本意！
相关文章：
- meta标签 使用说明（http-equiv、refresh、seo）
- 正则表达式（regex)或操作符”|“使用易出现功能Bug
- 京东商城Jsonp 资源越权限访问漏洞分析
- 正则表达式性能优化（高效正则表达式书写）
- php header 重定向常出现功能(使用)漏洞
- 正则表达式单行、多行模式简介（使用说明）
- 正则表达式、分组、子匹配（子模式）、非捕获子匹配（子模式）
作者：程默的博客 QQ:8292669
原文网址：http://blog.chacuo.net/339.html
订阅保持关注：http://blog.chacuo.net/feed
本文版权归作者所有，欢迎转载，请务必添加原文链接。