WEBサービス創造記

WEBサービスを作ったり保守したりしてる人のメモブログです。

IEでもHTML5を利用出来るようにする方法

      2014/11/16

HTML5に対応していないバージョンのIEで、HTML5でコーディングしたサイトを開くと大きくレイアウトが崩れてしまいます。

以下のような簡単の手順でIEでもHTML5を利用することができるので、覚書としてメモしておきます。

以下のリンクからHTML5有効化スクリプトを入手し、HTMLヘッダ内で読み込んでおきます。
HTML5有効化スクリプト

<!--&#91;if IE&#93;>
<script src="html5.js" type="text/javascript"></script>
<!&#91;endif&#93;-->

これにより、IEでもHTML5から追加されたheaderやsectionなどの新要素がDOM内に追加されます。

続いて、CSSに以下の1行を追記しておきます。

article,aside,dialog,figure,footer,header,hgroup,menu,nav,section {display: block;}

以上の手順でIEでもHTML5でコーディングしたWEBページが正しいレイアウトでレンダリングされるようになります。

 - HTML ,