详解HTML5浏览器兼容性解决方案

PHP中文网 JavaScript 百度已收录

当前第2页 返回上一页

1

2

3

<!--[if lt IE 9]>

  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

<![endif]-->

或者

1

2

3

<!--[if lt IE 9]>

  <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>

<![endif]-->

以上代码的作用是，在 IE 浏览器的版本小于 IE9 时将读取 html5.js 文件，并解析它。前一个是国goole资源，后面一个是国内百度的资源。

针对IE浏览器html5shiv 是比较好的解决方案。html5shiv主要解决HTML5提出的新的元素不被IE6-8识别，这些新元素不能作为父节点包裹子元素，并且不能应用CSS样式。

下面是采用html5shiv方案的实例：

1

2

3

4

5

6

7

8

9

10

11

12

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>渲染 HTML5</title>

  <!--[if lt IE 9]>

  <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js">

  </script>

  <![endif]--></head><body><h1>我的第一个HTML5页面</h1>

  <article>Hello，world！</article>

  </body>

  </html>

以上就是详解HTML5浏览器兼容性解决方案的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

HTML5头部 meta介绍

HTML5+canvas调用手机拍照功能实现图片上传功能（图文详解下篇）

h5表单验证有哪些方法

echarts-基于HTML5 canvas的javascript图表库图文详解

h5计算手机摇动次数

利用HTML5实现图片的淡入淡出效果

你有认真学习HTML5吗？那么你应该读的书都在这里了

什么是 websocket？深入理解HTML5中websocket

HTML5web存储实例代码

h5的canvas做出圆形进度条并显示数字百分比

更多相关阅读请进入《HTML5》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...