/ Published in: JavaScript
[via rtcrm]
Since HTML5 is getting [more](http://www.brucelawson.co.uk/tests/html5-elements.html) [attention](http://adactio.com/journal/1540/) by way of marking up our new pages, and the only way to get IE to acknowledge the new elements, such as ``, is to use the [HTML5 shiv](http://ejohn.org/blog/html5-shiv/), here’s a mini script that enables all the new elements.
###Usage & Download###
The html5.js and must be inserted in the head element _(this is because IE needs to know about the element before it comes to render them — so it can’t sit in the footer of the page, i.e. below the elements in question)_.
It’s conditional within the code, so Firefox _et al_ won’t run the code — but it doesn’t hurt to wrap it in an IE conditional call to reduce the http pulls for other browsers:
<pre><code><!--[if IE]>
<script src="html5.js" type="text/javascript"></script>
<![endif]-->
</code></pre>
Since HTML5 is getting [more](http://www.brucelawson.co.uk/tests/html5-elements.html) [attention](http://adactio.com/journal/1540/) by way of marking up our new pages, and the only way to get IE to acknowledge the new elements, such as ``, is to use the [HTML5 shiv](http://ejohn.org/blog/html5-shiv/), here’s a mini script that enables all the new elements.
###Usage & Download###
The html5.js and must be inserted in the head element _(this is because IE needs to know about the element before it comes to render them — so it can’t sit in the footer of the page, i.e. below the elements in question)_.
It’s conditional within the code, so Firefox _et al_ won’t run the code — but it doesn’t hurt to wrap it in an IE conditional call to reduce the http pulls for other browsers:
<pre><code><!--[if IE]>
<script src="html5.js" type="text/javascript"></script>
<![endif]-->
</code></pre>
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
(function(){if(!/*@cc_on!@*/0)return;var e = "abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,header,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while (i--){document.createElement(e[i])}})()
URL: http://remysharp.com/2009/01/07/html5-enabling-script/