zoukankan      html  css  js  c++  java
  • 使用Html5shiv.js让ie支持html5

    ie低版本不支持html5标签,可以引入一段脚本,在ie浏览器中创建html5的标签。

    1,可以在网上下载html5shiv的压缩包,引入压缩版的html5shiv.min.js即可。

    脚本引用要在head中,这时候创建html标签。

    也可以使用cdn服务,

    <script src="http://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>

    版本在  http://www.bootcdn.cn/html5shiv/

    2,<!--[if IE]> 是用来判断ie的,只有ie识别,其他浏览器会把它当做注释。

     1 <!DOCTYPE html>
     2 <html>
     3 <head lang="en">
     4     <meta charset="UTF-8">
     5     <title></title>
     6     <!-- 引用html5shiv,它创建了html5标签  只有在ie中才会引入 -->
     7     <!--[if IE]>
     8     <script src="html5shiv.min.js"></script>
     9     <![endif]-->
    10 
    11     <style type="text/css">
    12         /*因为HTML5在默认情况下表现为内联元素,对这些元素进行布局我们需要利用CSS手工把它们转为块状元素方便布局,添加color=red方便验证效果*/
    13         article,aside,dialog,footer,header,section,footer,nav,figure,menu
    14         {display:block; color: red;}
    15     </style>
    16 
    17 </head>
    18 <body>
    19 
    20 <header>头部</header>
    21 <section>section</section>
    22 <footer>底部</footer>
    23 
    24 </body>
    25 </html>
    实例代码
  • 相关阅读:
    初识ACM——幸好不用排序
    初识ACM——中文的信仰
    初识ACM——中文的信仰
    初识ACM——九九乘法表
    初识ACM——九九乘法表
    JavaScript 10 作用域
    JavaScript 09 简单的加法计算器
    JavaScript 08 函数
    JavaScript 07 类型转换
    JavaScript 06 基本数据类型
  • 原文地址:https://www.cnblogs.com/workest/p/4550902.html
Copyright © 2011-2022 走看看