扫一扫加微信

SEO代码优化之link标签代码大全

<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:       所有输出设备

//如:media=”screen,tv,print”

多样的媒体通过用逗号隔开的列表如:tv,screen,print… 或值all指定。

 

2、href属性,用于定义被链接文档的位置

href=”style/base.css”

 

3、charset属性,定义被链接文档的字符编码方式

charset:字符编码,如charset=”UTF-8 – Unicode”
//几乎没有主流浏览器支持charset属性

 

4、hreflang属性,定义被链接文档中文本的语言

hreflang=”ja”
//几乎没有主流浏览器支持hreflang属性

 

5、rel属性,定义当前文档与被链接文档之间的关系

alternate:  文档的替代版本(比如打印页、翻译或镜像)
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 属性

 

7、target属性,定义在何处加载被链接文档

_blank:   在新窗口中打开被链接文档
_parent:  在父框架集中打开被链接文档
_self:    默认,在相同的框架中打开被链接文档
_top:     在整个窗口中打开被链接文档
framename:在指定的框架中打开被链接文档
//几乎没有浏览器支持 target 属性

 

8、type属性,规定被链接文档的MIME 类型

type=”text/css”

4 评论

8+5=

  1. 弱电

    来给博主顶下,新年快乐!

    回复
  2. Missha BB霜

    楼主说的很好哦

    回复
  3. 青岛租车

    其实楼主强大 膜拜中。。。。

    回复
  4. 弱电

    博主新年好,感谢分享!http://www.feiun.net

    回复