声明文档使用的字符编码
<meta charset='utf-8' />
WebApp全屏模式
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
1.name="viewport" //设置视口(网页可绘制的区域)
2.width=device-width //应用程序的宽度和屏幕的宽度是一样的
3.height=device-height //应用程序的高度和屏幕的高是一样的
4.initial-scale=1.0 //应用程序启动时候的缩放尺度(1.0表示不缩放)
5.minimum-scale=1.0 //用户可以缩放到的最小尺度(1.0表示不缩放)
6.maximum-scale=1.0 //用户可以放大到的最大尺度(1.0表示不缩放)
7.user-scalable=no //用户是否可以通过他的手势来缩放整个应用程序,使应用程序的尺度发生一个改变(yes/no)
忽略页面中的邮箱格式为邮箱
<meta name="format-detection" content="telphone=no, email=no"/>
忽略自动识别数字为电话号码
<meta content="telephone=no" name="format-detection" />
避免IE使用兼容模式
<meta http-equiv="X-UA-Compatible" content="IE=edge">
不让百度转码
<meta http-equiv="Cache-Control" content="no-siteapp" />
页面描述
<meta name="description" content="不超过150个字符" />
优先使用 IE 最新版本和 Chrome
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
Refresh(刷新) 自动刷新并指向新页面。
<meta http-equiv="Refresh"content="2;URL=http://www.baidu.com"> (注意后面的引号,分别在秒数的前面和网址的后面)
Keywords(关键字) keywords用来告诉搜索引擎你网页的关键字是什么。
<meta name="keywords"content="meta总结,html meta,meta属性,meta跳转" />
description(网站内容描述) description用来告诉搜索引擎你的网站主要内容。
<meta name="description"content="haorooms博客,html的meta总结,meta是html语言head区的一个辅助性标签。"/>
针对一些老的不识别viewport的浏览器,列如黑莓
<meta name="HandheldFriendly" content="true" / >
微软的老式浏览器
<meta name="MobileOptimized" content="320"/>