html5中常用的meta标签
2015-10-15 10:13
681 查看
一、viewport网页缩放
二、SEO搜索引擎相关设置
三、iOS 设备
文章转载自: html5 meta标签的介绍 http://www.studyofnet.com/news/1064.html
一、viewport网页缩放
<meta name ="viewport" content ="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> content 参数解释: width viewport 宽度(数值/device-width) height viewport 高度(数值/device-height) initial-scale 初始缩放比例 maximum-scale 最大缩放比例 minimum-scale 最小缩放比例 user-scalable 是否允许用户缩放(yes/no) minimal-ui iOS 7.1 beta 2 中新增属性,可以在页面加载时最小化上下状态栏。这是一个布尔值,可以直接这样写: <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
二、SEO搜索引擎相关设置
<meta name="description" content="不超过150个字符" /> //页面描述 <meta name="keywords" content="html5, css3, 关键字"/> //页面关键词 <meta name="author" content="魔法小栈" /> //定义网页作者 <meta name="robots" content="index,follow" /> //定义网页搜索引擎索引方式,robotterms是一组使用英文逗号「,」分割的值,通常有如下几种取值:none,noindex
三、iOS 设备
<meta name="apple-mobile-web-app-title" content="标题"> //添加到主屏后的标题(iOS 6 新增) <meta name="apple-mobile-web-app-capable" content="yes" />//是否启用 WebApp 全屏模式 <!-- 禁用自动识别电话号码 --> <meta name="format-detection" content="telephone=no" /> <!-- 禁用自动识别电子邮件 --> <meta name="format-detection" content="email=no" /> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />//设置状态栏的背景颜色 只有在 "apple-mobile-web-app-capable" content="yes" 时生效 content 参数: default 默认值。 black 状态栏背景是黑色。 black-translucent 状态栏背景是黑色半透明。 设置为 default 或 black ,网页内容从状态栏底部开始。 设置为 black-translucent ,网页内容充满整个屏幕,顶部会被状态栏遮挡。
文章转载自: html5 meta标签的介绍 http://www.studyofnet.com/news/1064.html
相关文章推荐
- HTML5中在客户端验证文件上传的大小
- Canvas 在高清屏下绘制图片变模糊的解决方法
- 原生js结合html5制作小飞龙的简易跳球
- 三个不常见的 HTML5 实用新特性简介
- 低版本IE正常运行HTML5+CSS3网站的3种解决方案
- js+HTML5实现canvas多种颜色渐变效果的方法
- javascript+HTML5的Canvas实现Lab单车动画效果
- javascript+html5实现绘制圆环的方法
- HTML5实现微信拍摄上传照片功能
- jQuery+HTML5加入购物车代码分享
- 实现音乐播放器的代码(html5+css3+jquery)
- 2014 HTML5/CSS3热门动画特效TOP10
- jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码
- HTML5使用DeviceOrientation实现摇一摇功能
- MVC中基于Ajax和HTML5实现文件上传功能
- jquery+html5烂漫爱心表白动画代码分享
- spring+html5实现安全传输随机数字密码键盘
- html5在android中的使用问题及技巧解读
- 非html5实现js版弹球游戏示例代码