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前提で書いてみようかな?
