ダリの雑記：WEBプログラム版

この記事は1年以上前の記事のため、内容が古い可能性があります。

HTML5では、以下の新しい要素が追加されています。

• article
• aside
• dialog
• figure
• footer
• header
• hgroup
• menu
• nav
• section

これらの要素とは一体なんなんだ？ということを、てっとり早く説明した記事がこちらになります。「html5を使ったブログのデザイン(HTML5.jp)」

さらに詳細を知りたい方はこのページへ。「HTML要素（HTML5.jp）」

さて、ここで問題となるのが、例によってIEではこれらの要素が実装されていないということです。これらにclassをつけてもそもそも要素として認識されないため、classにスタイルを設定しても無視されてしまいます。

そこで、javascriptの出番。Remy Sharp氏という方がこれらの要素を有効化できるプログラムを作ってくれていますので、その助けをかります。

headタグに以下の記述を追加してください。

<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

もしくは

http://html5shiv.googlecode.com/svn/trunk/html5.js　

から「html5.js」をダウンロードして

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

これで、最初に記述した新要素が使えるようになります。

今回参考にさせていただいたサイト

• HTML5.jp ： 該当記事「html5を使ったブログのデザイン(HTML5.jp)」「HTML要素（HTML5.jp）」
• クリエイティブ・タブロイド withD（ウィズ・ディー） ： 該当記事「HTML5の実践」