当前位置: 代码迷 >> .NET相关 >> 前端-mate讲授
  详细解决方案

前端-mate讲授

热度:557   发布时间:2016-04-24 03:02:02.0
前端-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" />

 

  相关解决方案