ie浏览器的文档模式

最新推荐文章于 2022-03-03 17:02:19 发布

mkmin

最新推荐文章于 2022-03-03 17:02:19 发布

阅读量2.6k

点赞数 1

分类专栏：浏览器文章标签： ie 文档模式前端 javascript 浏览器

本文链接：https://blog.csdn.net/HUSHILIN001/article/details/78657473

版权

浏览器专栏收录该内容

2 篇文章 1 订阅

订阅专栏

比较无聊的一篇博客。毕竟大家对ie都是比较鄙视的，不想搭理那种。所以就不铺垫了

有时候浏览一些网站，我们会看到这么一段代码：

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

？？？？？？？？除了ie。什么都不懂？

这时候就解释下我们的文档模式：

浏览器模式：控制浏览器发出的UserAgent，它表示以哪个版本的浏览器发出请求。

也就是我们去获取ua的时候的

这点不用多讲吧：

代码如下：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<!-- 默认以ie5的文档模式！ -->
		<meta http-equiv="X-UA-Compatible" content="IE=5">

		<title></title>
	</head>

	<body>
		<div style="width:100px;height: 200px;background: #000000;;"></div>
		<script>
			console.log(window.navigator.userAgent);
		</script>
	</body>

</html>

简单点显示视图吧：

IE7：

IE8：

IE9：

IE11：

不多说，不再上传图片了。

文档模式：控制页面的排版引擎以哪个版本的方式来解析并渲染网页代码。

也就是解析你的js语句以及css代码的引擎

还是不明白什么是文档模式？

举个常见的例子：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<!-- 默认以ie5的文档模式！ -->
		<meta http-equiv="X-UA-Compatible" content="IE=5">
		<title></title>
	</head>
	<div style="width:100px;height: 200px;background: #000000;;"></div>

	<body>

	</body>

</html>

很正常，对吧。，

但是现在！
这里，我们设置了浏览器是以ie5的版本去解析

此时：

现在。在换段代码

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<!-- 默认以ie5的文档模式！ -->
		<meta http-equiv="X-UA-Compatible" content="IE=9">
		<title></title>
	</head>
	<div style="width:100px;height: 200px;background: #000000;;"></div>

	<body>

	</body>

</html>