整理一下经常用到的 meta 方便忘记的时候来查找一下
keywords,description(经常用到的两个)
页面的关键字和描述,是写给搜索引擎看的,关键字可以有多个用 ‘,’号隔开
<meta name="keywords" content="HTML,CSS,JAVASCRIPT,PHP">
<meta name="description" content="html meta标签大全,整理一下加强记忆">
Content-Type
告诉浏览器当前访问的资源类型
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><!--告诉浏览器当前访问的资源类型 并声明编码-->
refresh
重定向(以下示例5秒后会跳转到:http://blog.csdn.net)
<meta http-equiv="refresh" content="5;url="http://blog.csdn.net" />
full-screen
全屏显示网页(部分移动端浏览器的专有属性)
<meta name="full-screen" content="yes"/>
browsermode
浏览器模式-强制坚屏显示(部分移动端浏览器的专有属性),
<meta name="browsermode" content="application"/>
format-detection
数据格式验证渲染:
telephone:而iPhone会自动把你这个文字加链接样式、并且点击这个数字还会自动拨号!默认开启
email:浏览器会识别邮箱并加样式,点击可以调用系统默认邮件应用给该地址发邮件,默认开启
adress:adress=yes就开启了点击地址直接跳转至地图的功能,默认开启
<meta content="telephone=no" name="format-detection" />
<meta content="telephone=no,email=no,adress=no" name="format-detection" />
x5-orientation
QQ浏览器强制竖屏
<meta name="x5-orientation" content="portrait"/>
x5-fullscreen
QQ浏览器强制全屏
<meta name="x5-fullscreen" content="true"/>
x5-page-mode
QQ浏览器应用模式
<meta name="x5-page-mode" content="app"/>
X-UA-Compatible
IE的兼容模式:以IE的哪个版本去渲染页面(IE=8:以IE8的模式去渲染页面,IE=Edge:以最新版本的IE去渲染页面,当然这个最新指的是你系统装的最高版本的IE)
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
renderer
这貌似是360浏览器专用,兼容360的利器啊,,360默认是用IE7去渲染页面的,不管你的系统装了多高版本的IE,这种行为真是业界毒瘤啊。
<meta name="renderer" content="webkit">//默认webkit内核
<meta name="renderer" content="ie-comp">//默认IE兼容模式
<meta name="renderer" content="ie-stand">//默认IE标准模式
暂时能想那么多,不过都是挺实用的, 有漏的后面慢慢加上来。