一、Meta 标签的使用
1. 使用描述 description属性 增加点击率
<Meta name="description" content="A general guide on the use of Meta tags in html pages" />
2. 设置字符集
<Meta charset="UTF-8" />
3. 重定向和定时刷新功能
<!-- 每隔5秒定时刷新 --> <Meta http-equiv="refresh" content="5;url=http://www.sitepoint.com/" />
4.设备宽度自适应(针对移动设备)
<Meta name="viewport" content="width=device-width,initial-scale=1.0"> <Meta name ="viewport" content ="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"> content 参数: width viewport 宽度(数值/device-width) height viewport 高度(数值/device-height) initial-scale 初始缩放比例 maximum-scale 最大缩放比例 minimum-scale 最小缩放比例 user-scalable 是否允许用户缩放(yes/no) minimal-ui iOS 7.1 beta 2 中新增属性,可以在页面加载时 最小化上下状态栏。这是一个布尔值,可以直接这样写: <Meta name="viewport" content="width=device-width,minimal-ui">
5. 对IE使用最高模式渲染
1. <!–[if !IE]><!–> 除IE外都可识别 <!–<![endif]–> 2. <!–[if IE]> 所有的IE可识别 <![endif]–> 3. <!–[if IE 5.0]> 只有IE5.0可以识别 <![endif]–> 4. <!–[if IE 5]> 仅IE5.0与IE5.5可以识别 <![endif]–> 5. <!–[if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以识别 <![endif]–> 6. <!–[if IE 6]> 仅IE6可识别 <![endif]–> 7. <!–[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]–> 8. <!–[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]–> 9. <!–[if IE 7]> 仅IE7可识别 <![endif]–> 10. <!–[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]–> 11. <!–[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]–>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。