如何让ie浏览器支持html5标签?


本文摘自PHP中文网,作者零下一度,侵删。

Html5已经风靡很久了,不研究html5+css3实在有些过不去,今天先从最基本的开始介绍吧,让ie家族老前辈能够认识html5的新标签。

1.页面中加入代码

  1. 1

    2

    3

    <!--[if lt IE 9]>  

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

    <![endif]-->

2.定义一下CSS代码(Important)

.代码 收藏代码

  1. 1

    article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}

这个js文件原来的内容很少,现在可能更新了版本代码量加大了。具体差异在哪里我没有细究,贴出原来的代码。应该还是可以使用的。

.代码 收藏代码

  1. 1

    2

    3

    4

    5

    6

    7

    (function(){if(!/*@cc_on!@*/

    0

    )return;var e =

    "abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video"

    .split(

    ','

    ),i=e.length;while(i--){document.createElement(e[i])}})()

要的朋友拿去吧。可以直接放到页面中。不过注意第二步,给html5标签定义上display:block属性。

以上就是如何让ie浏览器支持html5标签?的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

如何用html5在页面中插入可自动播放的视频

如何使用html5实现地理位置的获取

详细介绍html5响应式设计实现九宫格的示例代码(图)

h5实现获取用户地理定位

ie css3.htc是什么

关于html5中video标签浏览器兼容性增强的方案分享

html5面试题pc端和移动端区别

html5多图片预览上传及点击可拖拽控件的实例分享

canvas实现动态粒子连线效果(附代码)

html5地理定位与第三方工具百度地图的应用

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




打赏

取消

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

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

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

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

评论

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