使用html5shiv.js让ie支持html5
【摘要】 ie低版本不支持html5标签,可以引入一段脚本-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识别,其他浏览器会把它当做注释。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!-- 引用html5shiv,它创建了html5标签 只有在ie中才会引入 -->
<!--[if IE]>
<script src="html5shiv.min.js"></script>
<![endif]-->
<style type="text/css">
/*因为HTML5在默认情况下表现为内联元素,对这些元素进行布局我们需要利用CSS手工把它们转为块状元素方便布局,添加color=red方便验证效果*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu
{display:block; color: red;}
</style>
</head>
<body>
<header>头部</header>
<section>section</section>
<footer>底部</footer>
</body>
</html>
【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
作者其他文章
评论(0)