link标签的用法及link属性大全

原文地址：http://blog.sina.com.cn/s/blog_161005e400102w5aj.html

  link标签是网页头部head中的元素，在html语言中，link标签是单独出现的，并且可以被多次使用，该元素的用途是与外部文件建立链接，例如我们打开“搜狐门户网”的首页查看源代码：

 在一个html文件中，link标签还包含许多其它属性，其中最常见的是使用link元素链接外部的CSS样式表，语法如下：

link type="text/css"rel="stylesheet" href="style.css" /

• link标签需要用一个反斜杠结束，这样才符合W3C标准，上述语法用html语言解释为：
• link type="定义当前文本内容以层叠样式表（CSS）来解析"
• rel="定义当前文档与被链接文档之间的关系，这里是调用外部文件，stylesheet即代表css样式表。"
• href="定义被链接文档的位置，这里链接所指向的是：同一目录下名为style.css的文件。"

除了以上案例，link标签中还包含着许多其它属性，我们通过下面的介绍来逐一认识link标签里所包含的属性都有哪些吧！

HTML语言中的 link href 是什么意思？

link 是链接外部文件所使用的一个标签，href属性是用于指定目标的路径，它表示引入的外部文件，指向的文件地址，一般用于调用外部的CSS，Js文件等；所有主流浏览器都支持href属性。link href 有两种链接URL的方式：

A、 绝对路径：非常明确的指向目标地址，常用于指向另一个网站，写法（linkhref="http://链接另一个网站的文件地址"）

B、 相对路径：方便于网站内部某些文件之间的移放，用于站内的写法（link href="/指向站内的文件地址"）

link标签的属性

1. charset属性 ：规定了被链接文档的字符编码方式。该属性不被 HTML5 支持。
2. hreflang属性：规定被链接文档的语言，如：hreflang="zh" 代表是个中文网站，hreflang="en"代表英文网站。
3. href属性：定义资源的链接 URL。内容为一个绝对URL链接或者是相对URL。
4. type属性：指定所连接文档的MIME类型，css的MIME是type/css,一般使用type="text/css"。
5. media属性：媒体类型，设定被链接文档将显示在什么设备上。

    属性值（media：screen,tty,tv,projection,handheld,print,braille,aural,all）

6. rel属性：规定链接类型,指当前文档与被链接文档之间的关系。link还可以用Shortcut Icon等。

     属性值（Alternate,appendix, bookmark, chapter, contents, copyright, glossary, help,home, index, next, prev, section, start, stylesheet,subsection）

7. rev属性 ： 指定被链接文档与当前文档之间的关系。该属性不被 HTML5 支持。

    属性值（Alternate,appendix, bookmark, chapter, contents, copyright, glossary, help,home, index, next, prev, section, start, stylesheet,subsection）

以上为 HTML4.01 的某些属性，在新的HTML5 标准中，link标签里的可选属性 charset，rev 已不再被支持，新增的属性有sizes、crossorign。

sizes属性：heightxwidth,any设定被链接资源的尺寸。仅适用于 rel="icon"。
crossorigin属性：规定是否使用 CORS（CrossOrigin ResourcesSharing）跨源资源共享，获取相关图像。