使用html5shiv.js让ie支持html5

举报
花溪 发表于 2020/06/22 16:53:46 2020/06/22
【摘要】 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

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

举报
请填写举报理由
0/200