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.
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"
W3Schools - HTML5 Tutorials & Information
HTML5 Information at Smashing Magazine
HTML5 Doctor - Information and resources on HTML5
Dive Into HTML5 - Introduction to certain HTML5 elements
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.
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.