• 两会声音:经济高质量增长 改革措施要跟上 2019-08-22
  • 顺义区--北京频道--人民网 2019-08-14
  • 骑踏消防英雄铜像拍照者向烈士鞠躬道歉(图) 2019-08-14
  • 西安著名昆虫专家用50多万标本摸清秦岭昆虫“家底” 2019-08-05
  • 滴滴计划恢复部分夜间时段订单  2019-07-23
  • 王晨率全国人大代表团访问加拿大 2019-07-17
  • 山西省17所第一届全国文明校园巡礼 2019-07-17
  • 中国军队:战略导弹部队  战略导弹——国之重器  国之长剑 2019-07-16
  • 【永定门奥迪中心车型报价】永定门奥迪中心4S店车型价格 2019-07-14
  • 阿呆,那是你家远祖啊,还不跪拜?[哈哈] 2019-07-12
  • 第十三届“三晋之春”合唱比赛在阳泉开幕 2019-07-12
  • Kalender von Xi bei den Zwei Tagungen 2019-07-02
  • 看见百姓生活 角落里的理发师 2019-07-02
  • 西部网(陕西新闻网)www.cnwest.com 2019-06-30
  • 俄罗斯世界杯优酷解说现争议 大张伟一语惹怒众网友遭球迷怒喷 2019-06-29
  • 靠谱的软件下载站
    内部透码一2017
    当前位置:  内部透码一2017/ IE专区/ IE修复/ 让IE支持HTML5的方法

    香港六合彩神童透码: 让IE支持HTML5的方法

    IE修复 秩名 2019-03-14 09:03

    内部透码一2017 www.cilop.tw

    越来越多的站点开始使用 HTML5 标签,但是目前的情况是还有很多人在使用IE6、IE7、IE8。为了让所有浏览者都可以正常的访问,解决方案有下面两个:

    1.为网站创建多套模板,通过程序对User-Agent的判断为不同的浏览器用户显示不同的页面,例如:优酷网。

    2.使用Javascript来使不支持HTML5的浏览器支持HTML标签。

    针对IE比较好的解决方案是html5shiv。htnl5shiv主要解决HTML5提出的新的元素不被IE6-8识别,这些新元素不能作为父节点包裹子元素,并且不能应用CSS样式。让CSS 样式应用在未知元素上只需执行 document.createElement(elementName) 即可实现。html5shiv就是根据这个原理创建的。

    html5shiv的使用非常的简单,考虑到IE9是支持html5的,所以只需要在页面head中添加如下代码即可:

    image.png

    下面是一些补充:

    当然包括本人BLOG在内。关于HTML5不得不提IE,在苹果、Google、Opera和Mozilla等主流浏览器厂商积极参与新版本HTML标准的制定和推广时,微软却对HTML 5规范不屑一顾。然而微软近期才表态要在IE中支持HTML 5,以致到今天为止的IE8及以下是无法支持HTML5标签的。但在sitepoint找到了让IE支持HTML5办法。

    以下是在的IE 8显示的例子,未作处理前:

    image.png

    让IE(包括IE6)支持HTML5元素,我们需要在HTML头部添加以下JavaScript,这是一个简单的document.createElement声明,利用条件注释针对IE在对象中创建对应的节点。

    image.png

    添加以上代码后,在IE8中显示的效果如下:

    image.png

    sitepoint例子中创建节点的JavaScript代码似乎过于臃肿,在smashingmagazine提供的代码似乎更简洁。

    演示如下

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset=utf-8>

    <!-- simplified version; works on legacy browsers -->

    <title>Basic styling of new structural tags</title>

    <style> 

    *{margin:0;padding:0;}

    body {background-color:white; color: black; text-align:center;}

    header, footer, nav, section, article {display:block;}

     header {width:100%; background-color:yellow;}

     nav {width:30%; background-color:orange;float:left;}

    section {width:65%; background-color:SpringGreen ; float:right;}

    article {width:70%; margin:2em 10%; background-color:turquoise;}

     footer {width:100%; background-color:pink; clear:both;} 

    </style> 

    <!--[if IE]>

    <script>

    (function(){if(!/*@[email protected]*/0)return;var e = "abbr,article,aside,audio,bb,canvas,datagrid,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]--> 

    <body>

    <header><h1>Hello</h1></header>

    <nav><p>Menu</p></nav>

    <section>

    <p>Section</p>

    <article><p>article 1</p></article>

    <article><p>article 2</p></article>

    </section>

    <footer><p>The footer</p></footer>

    </body>

    </html>

    image.png

    HTML5在默认情况下表现为内联元素,对这些元素进行布局我们需要利用CSS手工把它们转为块状元素,如下例:

    image.png

    标签: IE修复

    Copyright ? 1998-2019 内部透码一2017 www.cilop.tw All Rights Reserved 湘ICP备13012168号-17
  • 两会声音:经济高质量增长 改革措施要跟上 2019-08-22
  • 顺义区--北京频道--人民网 2019-08-14
  • 骑踏消防英雄铜像拍照者向烈士鞠躬道歉(图) 2019-08-14
  • 西安著名昆虫专家用50多万标本摸清秦岭昆虫“家底” 2019-08-05
  • 滴滴计划恢复部分夜间时段订单  2019-07-23
  • 王晨率全国人大代表团访问加拿大 2019-07-17
  • 山西省17所第一届全国文明校园巡礼 2019-07-17
  • 中国军队:战略导弹部队  战略导弹——国之重器  国之长剑 2019-07-16
  • 【永定门奥迪中心车型报价】永定门奥迪中心4S店车型价格 2019-07-14
  • 阿呆,那是你家远祖啊,还不跪拜?[哈哈] 2019-07-12
  • 第十三届“三晋之春”合唱比赛在阳泉开幕 2019-07-12
  • Kalender von Xi bei den Zwei Tagungen 2019-07-02
  • 看见百姓生活 角落里的理发师 2019-07-02
  • 西部网(陕西新闻网)www.cnwest.com 2019-06-30
  • 俄罗斯世界杯优酷解说现争议 大张伟一语惹怒众网友遭球迷怒喷 2019-06-29
  • 4十1彩票开奖结果 广东彩票快乐十分 快乐时时彩正规吗 天津时时开奖数据 快速时时是私吗 安微十一选五开奖结果 辽宁35选7走势图了 秒速时时平台排行榜 浙江体彩6十1走势图连接线 山东时时彩11选5