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

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

<meta name="robots" content="noindex"/>

该属性有三个大多数搜索引擎都认识的值: 

 1)noindex:不要索引本页;
 2)noarchive:不要将本页存档或缓存;
 3)nofollow:不要顺着本页中的链接继续搜索下去.

大多数搜索引擎都提供了优化网页或整个网站的指南,可以查看相应搜索引擎提供的网页或网站优化指南。 

声明字符编码 

<meta charset="utf-8" />

head元素中的meta元素声明文档的字符编码为UTF-8(默认)。 

模拟HTTP标头字段 

meta元素可以用来模拟或替换三种HTTP标头字段的值。 

<meta http-equiv="refresh" content="5"/>

http-equiv属性的用途是指定所要模拟的标头字段名称,字段值在content属性中指定。http-equiv属性的可选值如下: 

 1)refresh:以秒为单位指定一个时间间隔,在此时间过去之后将从服务器重新载入当前页面。也可以另行指定一个URL让浏览器载入,如: 

<meta http-equiv="refresh" content="5;http://www.apress.com"/>

  2)default-style:指定页面优先使用的样式表,content属性的值必须是同一文档中某个style元素或link元素的title属性值; 

 3)content-type:另一种声明HTML页面所用字符编码的方法,如: 

<meta http-equiv="content-type" content="text/html charset=UTF-8"/>

style元素 

定义HTML文档内嵌的CSS样式。 

<style type="text/css"> a{ background-color: grey; color: white; padding: 0.5em; } </style>

上面为a元素设计了一个新样式。style元素可以出现在HTML文档中的各个部分,一个文档可以包含多个style元素,该元素可以用于为模板定义的样式(link元素导入)提供补充。

可以为style元素指定样式适用的媒体: 

<style media="screen AND (min-width:500px)" type="text/css"> ...... </style>

media属性中的screen是设备类型,可选值的范围包括: 

 1)all:将样式用于所有设备(默认值);
 2)aural:将样式用于语音合成器;
 3)braille:将样式用于忙问设备;
 4)handheld:将样式用于手持设备;
 5)projection:将样式用于投影机;
 6)print:将样式用于打印预览和打印页面时;
 7)screen:将样式用于计算机显示器屏幕;