设置新元素在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 新元素时需要先加载该文件。