IE8以下でもHTML5のmain要素を使う方法

f:id:fushimik:20130516104642j:plain

最近は、HTML5でのコーディングが増えてきました。
と言っても、案件によっては重要なターゲットブラウザとして、IE8とかIE7とかが入っている場合は、HTML5に拘りすぎないという考え方もあると思います。

ところで、一般的にHTML5でコーディングする場合、IE8以下に対応させるため、
html5shiv.js や html5.js を使うわけですが、最近HTML5に新たに追加される予定になった main 要素には、対応できません。
でも、main要素、使いたいですよね。

そんな時は、こんな書き方はいかがでしょうか?

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

ここに、3行追加します。

	<!--[if lt IE 9]>
		<script src="js/html5shiv.js"></script>
		<script type="text/javascript">
			document.createElement('main');
		</script>
	<![endif]-->

main を要素として定義しちゃいます。
これで、ひとまず、main 要素を使ってコーディングできるようになります。
もちろん、IE9未満にだけですから、副作用はなしです。