HTML5未対応ブラウザ向け_未知要素（タグ）をカバーするJS

新しく定義された要素を古いブラウザで表示した場合、未知の要素としてインライン要素として扱われる。しかしIE8は、開発者ツールで見てわかるように要素の先頭に「/」が負荷されて、無効なタグとして処理されてしまう。
そのため、下記のJSとCSSによりblock化する必要がある。


<style>
nav, header, main, section, aside, footer, figure {
	width:960px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	display:block;
}
</style>


<!--[if lt IE 9]>
<script>
(function () {
	var ELEMENT = new Array("section","header","article","footer","aside","nav","hgroup","figure","figcaption","time","mark","canvas","video","audio","source","main");
	var MAX = ELEMENT.length;
	for (var i=0; i<MAX; i++) {
		document.createElement(ELEMENT[i]);
	}
}) ();
</script>
<![endif]-->