<meta content [name |content |schem ]/>
提供有关页面的元信息,比如针对搜索引擎和更新频度的描述和关键词。
content(必须含) | name | content-type | scheme
:属性定义了与文档相关联的名称/值对
:元数据总是以名称/值的形式被成对传递的
-
<meta name="keywords" content="HTML,ASP,PHP,SQL">
<meta name="description" content="前端学习基础"> -
<meta http-equiv="charset" content="iso-8859-1">
<meta http-equiv="expires" content="31 Dec 2008">
浏览器将会收到3个包,服务器必发的包content-type: text/html
content-type: text/html(浏览器都会收到的,告知接收文档)
charset:iso-8859-1
expires:31 Dec 2008 -
< meta charset="UTF-8"/>
-
H5 设置页面缩放
<meta name="viewport" content=" "/>
"viewport" 包括"layoutviewport"(移动端默认) | "visual viewport" | ideal viewport
<meta name="viewport"
content="height = [pixel_value | device-height] ,
width = [pixel_value | device-width ] ,
initial-scale = float_value ,
minimum-scale = float_value ,
maximum-scale = float_value ,
user-scalable = [yes | no] ,
target-densitydpi = [dpi_value | device-dpi | high-dpi | medium-dpi | low-dpi] /> -
在网页中指定的模式优先权高于服务器中(通过HTTP Header)所指定的模式。 兼容性模式设置优先级:
meta tag > http header
如:X-UA-Compatible是IE8的一个专有<meta>属性,它告诉IE8采用何种IE版本去渲染网页
<meta http-eqive="X-AUcompatible" content=" "/> TCCST
<meta http-eqive="X-AUcompatible" content=" "/> CSND
建议:<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
IE=edge告诉IE使用最新的引擎渲染网页,chrome=1则可以激活Chrome Frame ,可以让用户的IE浏览器外观不变,但用户在浏览网页时实际上使用的是Chrome的内核,并且支持Windows XP及以上系统的IE6/7/8。
而上文提到的那个meta标记,则是在是安装了GCF后,用来指定页面使用chrome内核来渲染。
GCF下载地址(ie打开)
安装完成后,如果你想对某个页面使用GCF进行渲染,只需要在该页面的地址前加上 gcf: 即可,例如: gcf:http://cooleep.com
但是如果想要在开发时指定页面默认首先使用GCF进行渲染,如果未安装GCF再使用IE内核进行渲染,就是使用这个标记。
网友评论