详解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文本格式化

HTML5实现简单图片上传所遇到的问题及解决办法

最全的HTML5标签

h5缓存-manifest的示例代码分享（图文）

HTML5中的强制下载属性download使用

h5如何做出碎片式的图片切换

什么是 HTML5？

详解HTML5 geolocation获取地理位置信息的示例代码分享

canvas波浪效果的实现代码

HTML5和web前端的区别是什么

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




标签：

打赏

取消

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

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

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

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

相关推荐

评论

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