如果让旧版本浏览器支持HTML5

设置新元素在CSS中.的display属性为块级元素block

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

Internet Explorer 9以前浏览器问题

可以使用 Sjoerd Visscher 创建的 “HTML5 Enabling JavaScript”, " shiv" 来解决该问题:

<!DOCTYPE html>
<html>
<head><meta charset="utf-8">
<title>渲染 HTML5</title>
<!--[if lt IE 9]>
<script src="//apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js">
</script>
<![endif]-->
</head>
<body>	
<h1>我的第一篇文章</h1>	
<article>	学习使我快乐!
</article>
</body>
</html>

注意:html5shiv.js 引用代码必须放在 元素中,因为 IE 浏览器在解析 HTML5 新元素时需要先加载该文件。

发布了89 篇原创文章 · 获赞 83 · 访问量 3498

猜你喜欢

转载自blog.csdn.net/devin_xin/article/details/105317909
今日推荐