Blog

HTML5でPortfolioサイト

HTML5のタグはなんとなく理解!『HTML5.jp』を参照。

でも対応しているブラウザがあったりなかったり?特にIE6〜IE8。IE9は対応しているらしいんだが、いつ出ることか…。

そのためにHTML5の要素をIE6〜IE8に対応させるためのjsをいくつか紹介します。

HTML5.js
HTML5の新しいタグ(article要素やheader要素など)を使えるようにするスクリプト。
ie-css3.js
CSS3の擬似セレクタに対応するスクリプト。
DOMAssistant
ie-css3.jsを使うためにはこれも兼用しなければいけない。
IE-CSS3.js
CSS3のいくつかのプロパティが使えるようになるスクリプト。

HTMLのHEADに以下のように「IE8以下に適用」という指定をする。

また、スタイルシートもこのように指定する。


<!--[if lte IE 8]>	
<script src="./js/html5.js" type="text/javascript"></script>
<script src="./js/DOMAssistantCompressed.js" type="text/javascript"></script>
<script src="./js/ie-css3.js" type="text/javascript"></script>
<script src="./js/IE-CSS3.js" type="text/javascript"></script>
<link rel="stylesheet" href="/css/ie6.css" type="text/css" media="screen">
<![endif]-->
					

For Twitter