Featured image of post html <meta> 标签大集合

html <meta> 标签大集合

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" />