HTML5 の新要素を使うための準備

HTML5から新しく使える要素が追加されましたが、古いブラウザ（IE8以下）は新要素に対応していない為、思ったように表示ができません。それを解決する為に、リセットCSSとJavascriptを読み込む必要があります。 HTML5のリセットCSS 古いブラウザでは、新要素のブロックレベル要素をインラインとして読み込んでしまう為あらかじめdisplay:block のスタイルを指定しなくてはいけません。 例） article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; } こちらのページ「HTML5 Reset Stylesheet | HTML5 Doctor」で公開されているHTML5 のリセットスタイルシートを使わせて頂くと便利です。 HTML5を認識させる