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">

猜你喜欢

转载自www.cnblogs.com/Syinho/p/12318751.html
今日推荐