一、关于< 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时不允许缩放。