HTML5 Enabling Script

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

[via rtcrm]

Since HTML5 is getting [more]( [attention]( 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](, 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;

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])}})()


Report this snippet


RSS Icon Subscribe to comments

You need to login to post a comment.