使用Html5shiv.js让ie支持html5
2015-06-04 09:31
513 查看
ie低版本不支持html5标签,可以引入一段脚本,在ie浏览器中创建html5的标签。
1,可以在网上下载html5shiv的压缩包,引入压缩版的html5shiv.min.js即可。
脚本引用要在head中,这时候创建html标签。
也可以使用cdn服务,
<script src="http://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
版本在 http://www.bootcdn.cn/html5shiv/
2,<!--[if IE]> 是用来判断ie的,只有ie识别,其他浏览器会把它当做注释。
实例代码
1,可以在网上下载html5shiv的压缩包,引入压缩版的html5shiv.min.js即可。
脚本引用要在head中,这时候创建html标签。
也可以使用cdn服务,
<script src="http://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
版本在 http://www.bootcdn.cn/html5shiv/
2,<!--[if IE]> 是用来判断ie的,只有ie识别,其他浏览器会把它当做注释。
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <!-- 引用html5shiv,它创建了html5标签 只有在ie中才会引入 --> <!--[if IE]> <script src="html5shiv.min.js"></script> <![endif]--> <style type="text/css"> /*因为HTML5在默认情况下表现为内联元素,对这些元素进行布局我们需要利用CSS手工把它们转为块状元素方便布局,添加color=red方便验证效果*/ article,aside,dialog,footer,header,section,footer,nav,figure,menu {display:block; color: red;} </style> </head> <body> <header>头部</header> <section>section</section> <footer>底部</footer> </body> </html>
实例代码
相关文章推荐
- js日期计算及快速获取周、月、季度起止日
- web-inf存放jsp的注意事项
- JS不同浏览器图片载入处理
- js深拷贝和浅拷贝
- How to really defer loading of javascript
- 如何将js中的值传到后台action中
- Json.NET 初探
- JSON数据格式(附翻译)
- 对Json数据的处理(模拟获取数据是来自于本地)
- 读书笔记--JavaScript设计模式:Constructor模式(创建对象的方法)
- django通过ajax发起请求返回JSON格式数据的方法
- 浅谈利用JavaScript进行的DDoS攻击原理与防御
- JavaScript函数使用的基本教程
- JavaScript中的函数嵌套使用
- JavaScript中指定函数名称的相关方法
- 浅析JavaScript中的事件机制
- javascript组合使用构造函数模式和原型模式实例
- JavaScript中Cookies的相关使用教程
- 使用JavaScript刷新网页的方法
- javascript原型模式用法实例详解