HTML5 Templates & Browser Compatibility

Since we recently started to release free HTML5 templates, we have been inundated with emails stating that the templates don't render in the browser correctly.

The problem with HTML5 templates is that not all elements are currently supported by all browsers, so making a template that works in all is pretty much impossible at this present time.

Where possible we will be doing our best to adapt the templates for those browsers that do not fully support HTML5 mark-up.

As we are dedicated to creating templates that are fully standards compliant, our coding choice will not change.

We decided to go ahead and use as many of the new HTML5 properties as we can, within reason, our templates are realistically not for absolute beginners, so our choice is set.

We are currently using a JavaScript file for extra compatibility for a range of browsers, the file can be found in the accompanying scripts folder, its called "html5shiv.js".

What Is The HTML5 Shiv

The following is taken from the original read me file which accompanies the script:

This script is the defacto way to enable use of HTML5 sectioning elements in legacy Internet Explorer, as well as default HTML5 styling in Internet Explorer 6 - 9, Safari 4.x (and iPhone 3.x), and Firefox 3.x.

Click the following link if you would like to read more on "The Story of the HTML5 Shiv"

HTML5 Resources

Conclusion

As our templates take advantage of pretty much all of the standard HTML5 mark-up, they may not function 100% in the browser you are currently using. To have the best experience using our HTML5 templates we suggest you get the latest greatest browser out there.

Microsoft's Internet Explorer (although in other cases not the best) is becoming a top player, but, they are only adding support for HTML5 to their latest browser (IE9) and onwards - the JavaScript that we use in our templates helps IE6 - 8 interpret HTML5 tags, but if JavaScript is not activated in the browser the templates won't render correctly.

Opera, Safari, Chrome and FireFox (tentatively - depends if mozilla are on a good day or not) also have support for a wide range of HTML5 tags, but again here is the case that not all browsers share the same tag compatibility.

Basically - keep your browser on the latest version and your HTML5 experience will be great.