Template Style

Web ページを作る際に、IE のバグ取りは重要な作業です。HTML5 でコーディングをするにあたっても、壁となるのはやはり IE です。

IE8 以下では、HTML5 の要素に CSS が適用されません。
IE8 以下で、CSS を適応させるための方法として、WordPress の Twenty Eleven テーマにも採用される html5.js というスクリプトがあります。

html5.js を head 内に記述

html5.js のようなスクリプトを使用する場合は、以下のように条件付きコメントを使って、IE9 以前の IE6, 7, 8 に適用させる方法があります。

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

html5.js を使う場合は、CSS で以下を定義

HTML5 の要素を、display:block; させる。

<style type="text/css">
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
	display:block;
}
</style>

これで、他のモダンブラウザと同じよう !? に IE6, 7, 8 でも、HTML5 でコーディングすることができます。

ところで、html5.js は何をやっているの？

使い方はわかりましたが、html5.js 内は何をやっているのか気になります。認識していたほうが、やはり良いだろうということで、ちょっと調べてみました。

More… »