HTML5中的meta标签和 IE浏览器能识别的钩子

最新推荐文章于 2022-05-19 15:35:29 发布

栁罗风尘

最新推荐文章于 2022-05-19 15:35:29 发布

阅读量1.6k

点赞数 1

分类专栏： HTML5/CSS3 文章标签： meta html5

本文链接：https://blog.csdn.net/wujiangwei567/article/details/44541119

版权

HTML5/CSS3 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

一、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, initial-scale=1, minimal-ui">

5. 对IE使用最高模式渲染

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

二、浏览器钩子的使用（主要针对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]–>