HTML5技术

HTML5 兼容IE浏览器 - haorenss

字号+ 作者:H5之家 来源:H5之家 2015-12-01 19:08 我要评论( )

Java代码 !doctype htmlhtmlheadmeta charset="utf-8"title/title!--[if IE]script type="text/javascript"(function(){if(!/*@cc_on!@*/0)return;var e ="abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgrou

Java代码  

<!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <!--[if IE]> <script type="text/javascript"> (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])}})(); </script> <![endif]--> </head> <style type="text/css"> header,nav,aside,article,footer{ display:block;} </style> <body> <header> <p><a>手机访问</a>|<a>网站地图</a>|<a>来院路线</a>|<a>收藏本站</a></p> </header> <nav> <ul> <li>导航一</li> <li>导航二</li> <li>导航三</li> </ul> </nav> <article>内容</article> <aside> 栅栏 </aside> <footer> <p>备案信息</p> </footer> </body> </html>

 

其中的代码如下,通过JS创建HTML5标签下载地址 

Java代码  

<!--[if IE]> <script type="text/javascript"> (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])}})(); </script> <![endif]-->

 

其中的代码如下,这些标签本身就是块级标签,所以把这些标签转成块级标签

Java代码  

  • header,nav,aside,article,footer{ display:block;}  
  • header,nav,aside,article,footer{ display:block;}

     

    效果图:

     

     

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

      HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

      2017-05-02 11:02

    • HTML5 进阶系列:indexedDB 数据库 - _林鑫

      HTML5 进阶系列:indexedDB 数据库 - _林鑫

      2017-04-27 14:02

    • HTML5 高级系列:web Storage - _林鑫

      HTML5 高级系列:web Storage - _林鑫

      2017-04-27 14:01

    • HTML5和CSS3 - 奔跑在起跑线佼佼者

      HTML5和CSS3 - 奔跑在起跑线佼佼者

      2017-04-20 13:00

    网友点评
    j