首页 / HTML5 / 让IE支持HTML5办法
让IE支持HTML5办法
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了让IE支持HTML5办法,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1387字,纯文字阅读大概需要2分钟。
内容图文
![让IE支持HTML5办法](/upload/InfoBanner/zyjiaocheng/395/c4fe9c72a294465b99f7f7cf94f769ff.jpg)
以下是在的IE 8显示的例子,未作处理前:
让IE(包括IE6)支持HTML5元素,我们需要在HTML头部添加以下JavaScript,这是一个简单的document.createElement声明,利用条件注释针对IE在对象中创建对应的节点。
<!--[if IE]>
<script>
document.createElement("header");
document.createElement("footer");
document.createElement("nav");
document.createElement("article");
document.createElement("section");
</script>
<![endif]-->
添加以上代码后,在IE8中显示的效果如下:
sitepoint例子中创建节点的JavaScript代码似乎过于臃肿,在smashingmagazine提供的代码似乎更简洁。
Demo:http://blog.gulu77.com/demo/200908/html5_demo3.html
<!--[if IE]>
<script>
(function(){if(!/*@cc_on!@*/0)return;var e = "header,footer,nav,article,section".split(','),i=e.length;while(i--){document.createElement(e[i])}})()
</script>
<![endif]-->
HTML5在默认情况下表现为内联元素,对这些元素进行布局我们需要利用CSS手工把它们转为块状元素,如下例:
header, footer, nav, section, article {
display:block;
以上就是让IE支持HTML5办法的内容,更多相关文章请关注PHP中文网(www.gxlcms.com)!
内容总结
以上是互联网集市为您收集整理的让IE支持HTML5办法全部内容,希望文章能够帮你解决让IE支持HTML5办法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。