読者です 読者をやめる 読者になる 読者になる

すたらブログ

文系Webプログラマの備忘録

html5shivの検証

HTML

下記のプラグインを検証します。


検証用ソース一覧(GitHub): https://github.com/sutara79/demo-html5shiv

下記のページをIE8で開いてみてください。
各要素が色付けされ、<header><article>の中に子要素が動的に追加されるはずです。

http://sutara79.github.io/demo-html5shiv/01.html

html5shivを使わないと、HTML5の要素を操作できません。

http://sutara79.github.io/demo-html5shiv/02.html

なお、HTML5のタグを使わずに<div class="header">のように代用すれば、当然ですがCSSでもJavaScriptでも問題ありません。

http://sutara79.github.io/demo-html5shiv/03.html


結論

html5shivを導入すれば、IE8に気兼ねせずHTML5タグを使えます。