end0tknr's kipple - 新web写経開発

http://d.hatena.ne.jp/end0tknr/ から移転します

ieのver8以下にhtml5の要素を認識させる

ie8以下でhtml5なページを表示しようとすると、html5で追加された要素が認識されず、ページが壊れてしまうと思っていました。
しかし、次のようにhtml5文書のhead内にdocument.createElemnent(新要素)を記載すれば、ie8以下で表示はできないもののdom構成は壊れないようにできるみたい。

<script type="text/javascript">
 document.createElement('abbr');
 document.createElement('article');
 document.createElement('aside');
 document.createElement('audio');
 document.createElement('canvas');
</script>

または html5shim.googlecode.com にある html5.js を使えば、次のように書けるみたい。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<body>

最近、気になっているbootstrap( http://twitter.github.com/bootstrap )もhtml5だし、これからはhtml5前提で書いてみようかな?