前端-mate讲解

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

<meta> 标签位于文档的头部，不包含任何内容。

<meta> 标签的属性定义了与文档相关联的名称/值对。

内容是html文档，且网页编码采用的是utf-8编码：

<meta http-equiv="Content-type" content="text/html; charset=utf-8" />

定义针对搜索引擎的关键词：

<meta name="keywords" content="HTML,CSS，XML，JAVA" />

定义页面描述：

<meta name="description" content="abmer_fs" />

定义页面的最新版本：

<meta name="revised" content="David 2014/12/2" />

每5秒刷新页面：

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

页面不随浏览器缩放而改变，页面固定大小：

<meta name="MobileOptimizd" content="400" />

添加到主屏幕后，全屏显示：

<meta name="apple-touch-fullscreen" content="yes" />

是否启动图标，内容设置yes，web应用程序运行在全屏模式，默认行为是使用Safari浏览器显示内容：

<meta name="apple-mobile-web-app-capable" content="yes" />

视图窗口，试图窗口的宽度时移动设备的宽度，一般设置为1.0倍。inital-scale表示的初始的缩放比例，maximum-scale=1.0表示的允许用户缩放的最大比例。user-scalable=no表示是否支持用户手动进行缩放：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

当启动webapp功能时，显示手机信号、时间、电池的顶部导航栏的颜色，默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）：

<meta name="apple-mobile-web-app-status-bar-style" content="black" />