教程集 www.jiaochengji.com
教程集 >  前端编程  >  HTML5教程  >  正文 如何让ie浏览器支持html5标签?

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

发布时间:2020-07-25   编辑:jiaochengji.com
教程集为您提供如何让ie浏览器支持html5标签?等资源,欢迎您收藏本站,我们将为您提供最新的如何让ie浏览器支持html5标签?资源
Html5已经风靡很久了,不研究html5 css3实在有些过不去,今天先从最基本的开始介绍吧,让ie家族老前辈能够认识html5的新标签。

1.页面中加入代码

  1. <!--[if lt IE 9]>   
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>   
    <![endif]-->

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

.代码 收藏代码

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

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

.代码 收藏代码

  1. (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 header标签怎么用?html5 header标签的作用介绍
    html5 header标签是什么意思?html5 header标签的用法详解(附实例)
    html5 ruby标签的定义及使用方法详解(内有实例介绍)
    htm5新增的表单元素keygen标签的用法和属性介绍
    html5中audio支持音频格式的解决方法
    html5 command标签的用法和<command>标签的使用案例详解
    html5 source标签怎么用?html5 source标签属性介绍
    HTML5中video标签如何使用
    html5 canvas标签的作用以及canvas标签的历史由来介绍
    如何使用HTML5 Shiv解决IE不兼容HTML5标签的方法

    [关闭]
    ~ ~