无天博客
扫一扫加微信 <link> 标签定义文档与外部资源的关系。
<link> 标签最常见的用途是链接样式表。
注：link 元素是空元素，它仅包含属性，此元素只能存在于 head 部分，不过它可出现任何次数。
链接一个外部样式表：
<link rel=”stylesheet” type=”text/css” href=”theme.css” media=”screen” />
link属性的定义：
1、media属性，用于指定样式表被接受的介质或媒体
tv： 电视机
tty： 电传打字机 (使用固定的字体)
print： 输出到打印机
aural： 扬声器
screen： (缺省值)，提交到计算机屏幕
braille： 提交到凸字触觉感知设备
handheld：手持设备
projection：提交到投影机
all： 所有输出设备
tty：
print：
aural：
screen：
braille：
handheld：
projection：提交到投影机
all：
//如：media=”screen,tv,print”
多样的媒体通过用逗号隔开的列表如：tv,screen,print…
2、href属性，用于定义被链接文档的位置
href=”style/base.css”
3、charset属性，定义被链接文档的字符编码方式
charset：字符编码，如charset=”UTF-8 – Unicode”
//几乎没有主流浏览器支持charset属性
//几乎没有主流浏览器支持charset属性
4、hreflang属性，定义被链接文档中文本的语言
hreflang=”ja”
//几乎没有主流浏览器支持hreflang属性
//几乎没有主流浏览器支持hreflang属性
5、rel属性，定义当前文档与被链接文档之间的关系
alternate： 文档的替代版本（比如打印页、翻译或镜像）
stylesheet： 文档的外部样式表
start： 集合中的第一个文档
next： 集合中的下一个文档
prev： 集合中的上一个文档
contents： 文档的目录
index： 文档的索引
glossary： 在文档中使用的词汇的术语表（解释）
copyright：包含版权信息的文档
chapter： 文档的章
section： 文档的节
subsection： 文档的小节
appendix： 文档的附录
help： 帮助文档
bookmark： 相关文档
//只有 rel 属性的 “stylesheet” 值得到了所有浏览器的支持。其他值只得到了部分地支持
stylesheet： 文档的外部样式表
start：
next：
prev：
contents：
index：
glossary：
copyright：
chapter：
section：
subsection： 文档的小节
appendix：
help：
bookmark：
//只有 rel 属性的 “stylesheet” 值得到了所有浏览器的支持。其他值只得到了部分地支持
6、rev属性，定义被链接文档与当前文档之间的关系
alternate： 文档的替代版本（比如打印页、翻译或镜像）
stylesheet：文档的外部样式表
start： 集合中的第一个文档
next： 集合中的下一个文档
prev： 集合中的上一个文档
contents：文档的目录
index： 文档的索引
glossary：在文档中使用的词汇的术语表（解释）
copyright： 包含版权信息的文档
chapter： 文档的章
section： 文档的节
subsection：文档的小节
appendix：文档的附录
help： 帮助文档
bookmark：相关文档
//几乎没有浏览器支持 rev 属性
stylesheet：文档的外部样式表
start：
next：
prev：
contents：
index：
glossary：
copyright： 包含版权信息的文档
chapter：
section：
subsection：文档的小节
appendix：
help：
bookmark：
//几乎没有浏览器支持 rev 属性
7、target属性，定义在何处加载被链接文档
_blank： 在新窗口中打开被链接文档
_parent：在父框架集中打开被链接文档
_self： 默认，在相同的框架中打开被链接文档
_top： 在整个窗口中打开被链接文档
framename：在指定的框架中打开被链接文档
//几乎没有浏览器支持 target 属性
_parent：
_self：
_top：
framename：在指定的框架中打开被链接文档
//几乎没有浏览器支持 target 属性
8、type属性，规定被链接文档的MIME 类型
type=”text/css”
无天 
ha 
顺达
来给博主顶下，新年快乐！
楼主说的很好哦
其实楼主强大 膜拜中。。。。
博主新年好，感谢分享！http://www.feiun.net