使用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>
实例代码
复制代码

 

posted @   唐沙僧  阅读(1519)  评论(0编辑  收藏  举报
编辑推荐:
· 几种数据库优化技巧
· 聊一聊坑人的 C# MySql.Data SDK
· 使用 .NET Core 实现一个自定义日志记录器
· [杂谈]如何选择:Session 还是 JWT?
· 硬盘空间消失之谜:Linux 服务器存储排查与优化全过程
阅读排行:
· Java 项目愚蠢的分层及解决办法
· 一个.NET开源、易于使用的屏幕录制工具
· C#中 Task 结合 CancellationTokenSource的妙用
· Superpower:一个基于 C# 的文本解析工具开源项目
· 【经验】几种数据库优化技巧
点击右上角即可分享
微信分享提示