What is the deal with HTML5?
HTML5 introduces new divisions that make markups more semantically organized. We created this site using the free HTML5 template by TUTORIALZINE. Walking through this tutorial is an excellent way to start using HTML5 because it gives a detailed description of how the new language of HTML5 works, within the code itself.
To the right is another sample, besides this site, of how an HTML5 layout can look:
HTML5 also introduces fancy new features and modifications indended to make coding easier. Out of all the upgrades and new features, we chose these five because they're practical (who's really going to put a geolocation code in their html? Creepy!), easier to write, and more visually appealing on a website. Some of these new features, like the Editable Content, are even interactive--something previous versions didn't have-- which creates a dialogue between the website and the viewer.
Problems:
Unfortunately, as amazing as the new HTML5 features are, not all browsers fully support HTML5 yet.
Currently, Chrome 10.0 acts as the most compatible HTML5 browser and Firefox 4.0 is rated as the second most HTML5-friendly browser.
Internet Explorer 8 is the least savvy browser and supports very few HTML5 features
(hint hint, if you're using Explorer right now, you should definitely switch over to Chrome to be able to view all of the features on this site).
Using a different browser? Opera? Apple Safari? Check out "The HTML5 Test-How Well Does Your Browser Support HMTL5?" (http://www.html5test.com/) to see how where your browser lands in the HTML5 race.
Good tutorials to dive into:
20 Things I Learned About Browsers and the Web (a short e-book designed with HTML5 for anyone who’s curious about the basics)
Introduction to HMTL5 (with Brad Neuberg of Google Developer Programs)
HTML5 Tutorial-Getting Started
HTML5 Tutorial (provides tutorials, tips, and news for the HTML5 designer)
5 Best Features of HTML5
5 Amazing HTML5 Features to Look Forward To
Top 4 HTML5 Features