html5_头部七元素_link元素

html5头部七元素：

script、noscript、style、title、link、meta、base

link元素用于链接css文件或者图标等外部文件

link元素有如下六个属性：

rel：设置文档与链接资源的关系。

hreflang：链接资源的语言。

href：链接资源的URL。

media：链接资源所适用的设备。

sizes：指定链接的图标大小（当且仅当rel=“icon”时适用）。

type：指定链接文件的MIME类型。

 

主要介绍的有rel与media：

rel：

　　stylesheet：css文件。

　　icon：图标。

　　prefetch：预加载文件。

media:

　　screen:适用于屏幕（可以指定大小）

　　print：打印机。

　　all：所有。

示例：link的常见用法：

1.链接外部css文件

<link rel="stylesheet" href="" type="text/css">
<!--不写type也可以，但rel必须写-->

2.指定网页图标

<link rel="shortcut icon" href="" type="image/x-icon">
<!--不写type也可以，rel直接写icon也可以-->

3.预先加载资源

<link rel="prefetch" href="" type="text/html">