前端-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" />