w3c 给的定义和用法
定义和用法
<meta>
元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
<meta>
标签位于文档的头部,不包含任何内容。
<meta>
标签的属性定义了与文档相关联的名称/值对。
H4 与 H5 的差异
在 HTML 5 中,不再支持 scheme
属性。
在 HTML 5 中,有一个新的 charset
属性,它使字符集的定义更加容易。
在 HTML 4.01 中,不得不这么写:
1
| <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
|
在 HTML 5 中,这样就够了:
1
| <meta charset="ISO-8859-1">
|
合集
定义针对搜索引擎的关键词:
1
| <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript" />
|
定义对页面的描述:
1
| <meta name="description" content="good good study, day day up." />
|
声明文档使用的字符编码
1
| <meta charset="utf-8" />
|
页面作者
1
| <meta name="author" content="name, killcode@126.com" />
|
搜索引擎抓取
1
2
| <meta name="robots" content="index,follow" />
<meta name="robots" content="robots.txt" />
|
优先使用 IE 最新版本和 Chrome
1
| <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
|
默认渲染内核
renderer
1
2
3
| <meta name="renderer" content="webkit">
<meta name="renderer" content="ie-comp">
<meta name="renderer" content="ie-stand">
|
这是指定双核浏览器,默认以何种方式渲染页面。
webkit
IE 兼容模式
IE 标准模式
定义页面的最新版本:
1
| <meta name="revised" content="David, 2008/8/8/" />
|
每 5 秒刷新一次页面:
1
| <meta http-equiv="refresh" content="5" />
|
5 秒后重定向到 url 页面
1
| <meta http-equiv="Refresh" content="5;url=https://pal.run" />
|
为移动设备添加 viewport
1
| <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
|
initial-scale 初始缩放值
maximum-scale 最大缩放比例
minimum-scale 最小缩放比例
user-scalable 是否允许用户缩放
iOS 设备添加桌面程序的标题
1
| <meta name="apple-mobile-web-app-title" content="标题">
|
删除默认的苹果工具栏和菜单栏
1
| <meta name="apple-mobile-web-app-capable" content="yes"/>
|
设置苹果工具栏颜色
1
| <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
|
浏览器不会自动调整文件的大小
1
| <meta name="MobileOptimized" content="320">
|
也就是说是固定大小,不会随着浏览器拉伸缩放。
uc 强制竖屏
1
| <meta name="screen-orientation" content="portrait">
|
QQ 强制竖屏
1
| <meta name="x5-orientation" content="portrait">
|
UC 强制全屏
1
| <meta name="full-screen" content="yes">
|
QQ 强制全屏
1
| <meta name="x5-fullscreen" content="true">
|
UC 应用模式
1
| <meta name="browsermode" content="application">
|
QQ 应用模式
1
| <meta name="x5-page-mode" content="app">
|
windows phone 点击无高光
1
| <meta name="msapplication-tap-highlight" content="no">
|
设置页面不缓存
1
| <meta http-equiv="cache-control" content="no-cache">
|
设定网页的到期时间。
1
| <meta http-equiv="expires" content="0">
|
一旦网页过期,必须到服务器上重新传输。
禁止把数字转化为拨号链接
1
| <meta name="format-detection" content="telephone=no">
|
不让 android 识别邮箱
1
| <meta name="format-detection" content="email=no" />
|