网站首页 网页特效 其他特效 正文
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 实用新特性简介
你 发表评论:
欢迎- 网站分类
- 标签列表
本文暂时没有评论,来添加一个吧(●'◡'●)