HTML5 Enabling Script


/ Published in: JavaScript
Save to your folder(s)

[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>&lt;!--[if IE]&gt;
&lt;script src="html5.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;![endif]--&gt;
</code></pre>


Copy this code and paste it in your HTML
  1. (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/

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.