html5理解head_动力节点Java学院整理

2019-01-28 21:50:32于丽

 8)tty:将样式用于电传打字机之类的等宽设备;
 9)tv:将样式用于电视机。 

media属性中的(min-width:500px)指定特性,包括: 

 1)width height:指定浏览器窗口的宽度和高度,单位px,例如:width:200px
 2)device-width device-height:指定整个设备(而不仅仅是浏览器窗口)的宽度和高度,单位px,例如:min-device-height:200px
 3)resolution:指定设备的像素密度,单位dpi(点/英寸)或dpcm(点/厘米),例如:max-resolution:600dpi
 4)orientation:指定设备的较长边朝向,可选值为portrait和landscape
 5)aspect-ratio device-aspect-ratio:指定浏览器窗口或整个设备的像素宽高比,例如:min-aspect-ratio:16/9
 6)color monochrome:指定彩色或黑白设备上每个像素占用的二进制位数,例如:min-monochrome:2
 7)color-index:指定设备所能显示的颜色数目,例如:max-color-index:256
 8)scan:指定电视的扫描模式,包括值progressive和interlace
 9)grid:指定设备的类型,支持的值为0和1(1代表网格型设备,使用固定的网格显示内容) 

link元素

用来在HTML文档和外部资源(如CSS样式表)之间建立联系。link元素包含6个局部属性,如下: 

 1)href:指定link元素指向的资源的URL;
 2)hreflang:说明所关联资源使用的语言;
 3)media:说明所关联的内容用于哪种设备,同style中的media属性;
 4)rel:说明文档与所关联资源的关系类型,值的范围如下:
 ---alternate:链接到文档的替代版本,比如另一种语言的译本;
 ---author:链接到文档的作者;
 ---help:连接到当前文档的说明文档;
 ---icon:指定图标资源;
 ---license:链接到当前文档的相关许可证;
 ---pingback:指定一个回探(pingback)服务器,从其他网站链接到博客的时候它能自动得到通知;
 ---prefetch:预先获取一个资源;
 ---stylesheet:载入外部样式表。
 5)sizes:指定图标的大小;
 6)type:指定所关联资源的MIME类型,如text/css、image/x-icon。 

载入外部样式表 

<link rel="stylesheet" type="text/css" href="styles.css"/>

可以使用多个link元素载入多个外部资源。
 

为页面定义网站标志 

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

 浏览器载入HTML页面时,会加载并显示网站标志。 

注:如果网站标志文件位于/favicon.ico(即Web服务器的根目录),那就不必用到link元素,大多数浏览器在载入页面时都会自动请求这个文件,就算没有link元素也是如此。