常用meta标签及说明

1.charset 定义文档的字符编码

例如：

<meta charset="UTF-8">

2. name 把 content 属性关联到一个名称，其属性有


name 属性	content 属性	描述
description	中文或英文字母均可	规定页面的描述。搜索引擎会把这个描述显示在搜索结果中。例如： <meta name="description" content="这是一个游戏网站">
keywords	中文或英文字母均可	规定一个逗号分隔的关键词列表 - 相关的网页（告诉搜索引擎页面是与什么相关的）。提示：总是规定关键词（对于搜索引擎进行页面分类是必要的）。例如：<meta name="description" content="飞车,换装,跑马,斗地主,冒险岛">
viewport	width	设置layout viewport 的宽度，为一个正整数，或字符串"width-device"
	initial-scale	设置页面的初始缩放值，为一个数字，可以带小数
	minimum-scale	允许用户的最小缩放值，为一个数字，可以带小数
	maximum-scale	允许用户的最大缩放值，为一个数字，可以带小数
	user-scalable	是否允许用户进行缩放，值为"no"或"yes", no 代表不允许，yes代表允许
	例如：<meta name="viewport" content="width=device-width, minimum-scale =1,maximum-scale=2, initial-scale=1">
renderer	webkit	页面需默认指定使用极速核例如：<meta name="renderer" content="webkit">
	ie-comp	页面需默认指定使用ie兼容内核例如：<meta name="renderer" content="ie-comp">
	ie-stand	页面需默认指定使用ie标准内核例如：<meta name="renderer" content="ie-stand">

3.http-equiv 把 content 属性关联到 HTTP 头部


http-equiv 属性	content 属性	描述
content-type	text/html; charset=UTF-8	规定文档的字符编码例如：<meta http-equiv="content-type" content="text/html; charset=UTF-8"> 提示：使用 http-equiv 已经不是规定 HTML 文档的字符集的唯一方式，上面例子大部分用于HTML 4.01 HTML5推荐使用：<meta charset="UTF-8">
refresh	Number	定义文档自动刷新的时间间隔例如：<meta http-equiv="refresh" content="300"> 提示："refresh" 应该慎重使用，因为它会使得页面不受用户控制。在 W3C's Web 内容可访问性指南中使用 "refresh" 会到导致失败。

PC常用Meta

<meta charset="UTF-8"> <!--编码方式采用UTF-8-->
<meta name="renderer" content="webkit"> <!--默认使用极速内核-->
<meta name="keysword" content="飞车,换装,跑马,斗地主,冒险岛">  <!--网站关键词-->
<meta name="description" content="这是一个游戏网站"> <!--网站描述-->

移动端常用Meta（pc常用 + 以下任意代码即可）

1 // 允许用户缩放
2 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale =1,maximum-scale=2,"> <!--页面宽度默认为屏幕宽度，页面缩放的最小即默认大小，最大为默认大小的2倍，页面初始缩放值为1，即默认大小-->
3 
4 // 不允许用户缩放
5 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <!--页面宽度默认为屏幕宽度，页面初始缩放值为1，即默认大小，不允许用户缩放页面-->

常用meta标签及说明

相关推荐