HTML5 〜 IE8以下でCSSスタイルが適用されない問題への対策方法

HTML5

IE8と、それより下のバージョンのIEでスタイルが適用されないことがある。
その対応方法を説明する。

【問題点】
IE8以下では、未知の要素に遭遇すると期待通りのDOMが構成されない。

【解決方法】
document.createElement()を使用して、要素を生成する。
HTML5の新要素が未知の要素として認識される場合は、それらの要素をdocument.createElement()で生成すればよい。

【ツール】
全ての未知の要素をdocument.createElement()を使用して作成するのは大変なので、html5shivというライブラリを使用する。

html5shiv

使い方は、次のように、CSSを読み込む前にスクリプトを記述するだけだ。

<head>
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>