HTML5shivでHTML5に対応するには？

HTML5は、IE9以降でしかサポートされていません。HTML5の要素をIE8以下で対応するには、HTML5shivを使います。HTML5shivは、HTML5の要素をIE8以下で有効にするためのポリフィルです。

ダウンロード

以下のサイトからダウンロードします。

①以下のサイトを開きます。

→ GitHub

②右下にある「Download ZIP」をクリックしてダウンロードします。

③ダウンロードしたZIPを解凍し、「dist」フォルダにあるJavaScriptファイルを使用します。

コード

html5shivを呼び出します。

また、html5の要素をIE8以下でブロック要素として使うには、cssで指定する必要があります。

設置方法

<!--[if lt IE 9 ]>
<script src="/js/ie/html5shiv.js"></script>
<![endif]-->

・headの直前に記述します。

・IE8以下のブラウザに対して「html5shiv.js」を読み込みます。

html5要素をブロック要素化

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

・「display:block」で、html5の要素をブロック要素にします。