HTML5中meta标签用法有哪些
迷城丶幻雪
57
HTML5中meta标签用法有哪些？基本标签SEO 优化为移动设备增加 viewportWindows 8其余 阻止数字识自动别为电话号码
不让android识别邮箱
每 8 秒更新一次页面
移动端的头部标签和meta
基本标签
声明文档运用的字符编码：
meta charset="utf-8" /
声明文档的兼容模式：
meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/ //指示IE以目前可用的高模式显现内容
定义对页面的描述：
meta name="description" content="HTML5COL学院提供高品质HTML5教育" /
定义页面的新版本：
meta name="revised" content="Frank, 2016/3/1" /
SEO 优化
页面描述
meta name="description" content="不超出850个字符"/
定义针对搜寻引擎的主要词：
meta name="keywords" content="HTML5COL学院, HTML5, CSS3, JavaScript" /
定义网页作者：
meta name="author" content="HTML5COL" /
定义网页搜寻引擎索引方法，运用英文逗号「,」分开，常有如下几种取值：none,noindex,nofollow,all,index和follow：
meta name="robots" content="index,follow" /
为移动设备增加 viewport
meta name="viewport" content="width=device-width, initial-scale=1.0" /
参数注脚
content参数 释义
width viewport 宽度(数值/device-width)
height viewport 高度(数值/device-height)
initial-scale 初始缩放比例
maximum-scale 大缩放比例
minimum-scale 小缩放比例
user-scalable 是否应许用户缩放(yes/no)
ISO 设备
增加到主屏后的题目(iOS 6起始)：
meta name="apple-mobile-web-app-title" content="题目" /
配置形态栏的配景颜色：
meta name="apple-mobile-web-app-title" content="yes" /
是否启用 WebApp 全屏模式：
meta name="apple-mobile-web-app-capable" content="yes" /
配置形态栏的配景颜色：
meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /
注：唯有在 "apple-mobile-web-app-capable" content="yes" 时见效
content 参数：
content参数 释义
default 承认值，网页内容从形态栏底部起始
black 形态栏配景是黑***页内容从形态栏底部起始
black-translucent 形态栏配景是黑色半通明，网页内容饱满悉数屏幕，顶部会被形态栏遮挡
Windows 8
Windows 8 磁贴颜色：
meta name="msapplication-TileColor" content="#000" /
Windows 8 磁贴图标：
meta name="msapplication-TileImage" content="icon.png" /
其余
阻止数字识自动别为电话号码：
meta name="format-detection" content="telephone=no" /
不让android识别邮箱：
meta name="format-detection" content="email=no" /
每 8 秒更新一次页面：
meta http-equiv="refresh" content="8" /
