html文件中常用＜mata＞标签

一、关于< mata >标签

定义和用法：

< meta > 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。

< meta > 标签位于文档的头部，不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。

HTML 与 XHTML 之间的差异：（本文指定为HTML）

在 HTML 中，< meta > 标签没有结束标签。即为< mata >

在 XHTML 中，< meta > 标签必须被正确地关闭。即为< mata />

提示和注释：

注释：< meta > 标签永远位于 head 元素内部。

注释：元数据总是以名称/值的形式被成对传递的。

二、常见在html或jsp文件中包含的< mata > 标签及其解释

	<meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <%--解决跨域问题 *表示允许所有域名访问改资源页面--%>
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<%--手机上沿黑色--%>
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
	<%--content默认值为no 显示工具栏和菜单栏，yes不显示--%>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <%--当该 HTML 页面在手机上浏览时，该标签用于指定是否将网页内容中的手机号码显示为拨号的超链接。--%，no表示不显示>
    <meta name="format-detection" content="telephone=no">

①：
若页面需默认用极速核，增加标签：< meta name=“renderer” content=“webkit” >
若页面需默认用ie兼容内核，增加标签：< meta name=“renderer” content=“ie-comp” >
若页面需默认用ie标准内核，增加标签：< meta name=“renderer” content=“ie-stand” >
content的取值为webkit,ie-comp,ie-stand之一，区分大小写，分别代表用webkit内核，IE兼容内核，IE标准内核。
②：
http-equiv=“X-UA-Compatible” 这是一个文档兼容模式的定义， Edge模式告诉IE以最高级 模式渲染文档，也就是任何IE版本都以当前版本所支持的最高级标准模式渲染，避免版本升级造成的影响，chrome=1表示使用 Chrome Frame 渲染
④：
viewport标记，用于指定用户是否可以缩放Web页面，并对相关的选项进行设定。

width 和height 指令分别指定视区的逻辑宽度和高度。它们的值可以是以像素为单位的数字，也可以是一个特殊的标记符号。如上文代码中device-width即表示，视区宽度应为设备的屏幕宽度。类似的，device-height即表示设备的屏幕高度。

initial-scale用于设置Web页面的初始缩放比例。默认的初始缩放比例值因智能手机浏览器的不同而有所差异，通常情况下，设备会在浏览器中呈现出整个Web页面。设为1.0则显示未经缩放的Web页面。

maximum-scale和minimum-scale用于设置用户对于Web页面缩放比例的限制。值的范围为0.25~10.0之间

user-scalable指定用户是否可以缩放视区，即缩放Web页面的视图。值为yes时允许用户进行缩放，值为no时不允许缩放。