Supporting HTML5 elements without JavaScript

by George Paterson.

HTML5 is the newest standard for HTML development, it has a range of additional features that will change the way we interact with the web. This is great for web development, there is a problem though, older browser versions specifically IE 6, 7 and 8 do not support the new HTML5 elements so that you cannot attach CSS to those elements.

Fortunately Sjoerd Visscher, Remy Sharp and John Resig amongst others have promoted a technique in mitigating this problem by using JavaScript to create a new DOM element of the same name as the required HTML 5 element, this then allows the browser to attach CSS to the element.

The fundamental problem of this though is that you are reliant on JavaScript for this to work and if the new elements have a structural role in the design then your design is going to fall apart.