CSSで新しい要素を設定します。display属性はブロックレベルの要素ブロックです
header, section, footer, aside, nav, main, article, figure
{
display: block;
}
Internet Explorer 9以前のブラウザの問題
この問題を解決するには、Sjoerd Visscherによって作成された「HTML5有効化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要素を解析するときに最初にファイルをロードする必要があるためです。