选择引擎渲染页面

X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否 包含<!DOCTYPE>指令,都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令。对于多数网站来说,它是首选的兼容性模 式。

目前IE8尚在测试版中,所以为了避免制作出的页面在IE8下面出现错误,建议直接将IE8使用IE7进行渲染。也就是直接在页面的header的meta标签中加入如下代码:

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

这样我们才能使得页面在IE8里面表现正常!

 

各种兼容模式代码示例如下:

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

像是使用了 Windows Internet Explorer 7 的 Quirks 模式,这与 Windows Internet Explorer 5 显示内容的方式很相似。

 

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

无论页面是否包含 <!DOCTYPE> 指令,均使用 Windows Internet Explorer 7 的标准渲染模式。

 

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

开启 IE8 的标准渲染模式,但由于本身 X-UA-Compatible 文件头仅支持 IE8 以上版本,因此等同于冗余代码。

 

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

Edge 模式通知 Windows Internet Explorer 以最高级别的可用模式显示内容,这实际上破坏了“锁定”模式。

 

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

EmulateIE7 模式通知 Windows Internet Explorer 使用 <!DOCTYPE> 指令确定如何呈现内容。标准模式指令以Windows Internet Explorer 7 标准模式显示,而 Quirks 模式指令以 IE5 模式显示。与 IE7 模式不同,EmulateIE7 模式遵循 <!DOCTYPE> 指令。对于多数网站来说,它是首选的兼容性模式。

 

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

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

<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />

#以上代码IE=edge 告诉IE使用最新的引擎渲染网页,chrome = 1 则可以激活chrome frame

chrome浏览器的开放网络技术和快速JavaScript引擎与IE无缝结合

转载于:https://www.cnblogs.com/vanstrict/p/5690470.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Thymeleaf模板引擎可以用于在Java Web应用程序中进行页面渲染。在使用Thymeleaf时,需要在Maven或Gradle中引入Thymeleaf的依赖,并且在Spring Boot应用程序中进行配置。 以下是使用Thymeleaf进行页面渲染的基本步骤: 1. 在Maven或Gradle中引入Thymeleaf的依赖。 2. 在Spring Boot应用程序中进行配置,例如在application.properties中添加以下内容: ``` spring.thymeleaf.cache=false spring.thymeleaf.check-template-location=true spring.thymeleaf.enabled=true spring.thymeleaf.prefix=classpath:/templates/ spring.thymeleaf.suffix=.html ``` 3. 在Spring Boot应用程序中编写控制器,将数据传递给Thymeleaf模板。 4. 在resources/templates文件夹中创建Thymeleaf模板文件,使用Thymeleaf的语法插入数据。 例如,以下是一个使用Thymeleaf进行页面渲染的简单示例: 控制器: ``` @Controller public class HomeController { @GetMapping("/") public String home(Model model) { model.addAttribute("message", "Hello, Thymeleaf!"); return "home"; } } ``` Thymeleaf模板: ``` <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <title>Thymeleaf Example</title> </head> <body> <h1 th:text="${message}">Hello, World!</h1> </body> </html> ``` 在这个示例中,控制器中的home()方法将一个名为“message”的数据添加到模型中,并返回名为“home”的字符串。Thymeleaf模板中使用th:text指令插入数据。当控制器返回的视图名称为“home”时,将使用该模板生成HTML文档,并将模板中的“message”变量替换为“Hello, Thymeleaf!”。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值