网站首页 网页特效 其他特效 正文
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常用 + 以下任意代码即可）
// 允许用户缩放 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale =1,maximum-scale=2,"> <!--页面宽度默认为屏幕宽度，页面缩放的最小即默认大小，最大为默认大小的2倍，页面初始缩放值为1，即默认大小--> // 不允许用户缩放 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <!--页面宽度默认为屏幕宽度，页面初始缩放值为1，即默认大小，不允许用户缩放页面-->
- 上一篇：Css-常用css初始化
- 下一篇：没有了额
猜你喜欢
- 2018-08-07 H5前端+PHP后端全栈工程师完整培训课程
- 2018-06-09 html5手机端弹出对话框动画特效代码
- 2018-05-29 HTML5手机移动端头像上传大小截取jQuery插件
- 2018-05-04 HTML5判断是否安装app
- 2017-12-15 三个不常见的 HTML5 实用新特性简介
欢迎 你 发表评论:
- 网站分类
- 标签列表
本文暂时没有评论，来添加一个吧(●'◡'●)