古いIEにHTML5を適用させる

ここでは、JavaScriptを利用して、HTML5に対応していないIE8以前のIEをHTML5に適用させる方法について説明しています。使用の際は、JavaScriptをOFFにしている場合には適用出来ないことと、そもそもIE8以前のIEでは動作が重くなることを念頭に置いて、適用するかどうかを判断して下さい。

html5shivでIE8以前のIEにHTML5を適用させる

IE8以前のIEにHTML5を適用させるには、JavaScriptライブラリのhtml5shivを利用します。

  1. html5shiv から、html5shiv(zipファイル)をダウンロードします。
  2. zipファイルを解凍し、[html5shiv.js]を任意のフォルダに格納し、サーバーにアップロードします。
  3. head要素内に以下のように記述し、IE9未満のIEに対してhtml5shiv.jsを読み込ませます(urlは各自の環境に合わせて指定して下さい)。
    <!--[if lt IE 9]>
    <script src="html5shiv.js"></script>
    <![endif]-->
  4. HTML5の新要素をブロック要素として定義します。html5shiv.jsの読み込み以降のhead要素内に以下のように記述します。
    <style type="text/css">
      article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
        display: block;
      }
    </style>
    ただし、他のCSSにてHTML5の新要素をブロック要素として定義している場合は必要ありません。
  5. html5shiv.jsの読み込み以降のhead要素内に、CSSの読み込み/記述を行います。

また、zipファイルには[html5shiv.js]以外に[html5shiv-printshiv.js]というファイルも格納されており、こちらは印刷時の機能を拡張したものになりますので、必要に応じて使い分けて下さい。

以上でIE8以前のIEにHTML5を適用させることが出来ます。

コメントを残す

メールアドレスが公開されることはありません。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)