Welcome to HTML5
HTML5 is the most recent revision to With the HTML language first developed back in 1990 and finally standardized with HTML4 in 1997, HTML5 is the most recent and radical revision of HTML to hit the web. But what’s all the good news?HTML5 brings many new things to the coding-sphere like new parsing rules that are oriented towards flexible parsing and compatibility, new types of form controls, and new attributes like charset and async. This iteration brings improved semantic structure, with tags like article, aside, header, footer and section, and a wealth of power.
Of all the improvements made to the latest revision of HTML, the biggest addition, has to be the ability to handle audio and video. In the past, developers have always had to rely on Flash or Java based video and audio players, until now. Thanks to HTML5, the ability to handle an audio or video file can be done with HTML (more simple and less intensive).
Creating your own HTML5 video player can be quite the tedious task, luckily there are a handful of HTML5 video players springing up across the interwebs that designers and programmers can use. LeanBack Player is one of those HTML5 video players; complete with keyboard shortcuts programmed into it and tested on all major browsers including iOS3+ and features a very nifty Android fallback.
VideoJS is also another popular HTML5 video player that works on most major browsers and mobile platforms.
HTML5 is so hot right now
The attractive thing about HTML5 video players is the fact that they will play on Apple mobile devices, like the iPad, iPhone and iPod touch and takes up much less of the valuable power of mobile phones. However, an important thing to understand before you go swapping all of your Flash video players to HTML5, to incorporate your Apple mobile demographic, is that your video format also plays a role in the compatibility. A video that was compressed with the FLV format is still a Flash based video format, therefore it will not play on an Apple device even if you have a HTML5 video player. H.264 MPEG-4 video format with an AAC audio video compression setup will do the trick for you though—so make sure if you’re making the switch, so are your video formats.
Along with the introduction of audio and video elements, HTML5 has introduced a laundry list of elements to help tighten up the semantic structure of a website. We’ve all used the same ID tags over and over again to structure our sites. ID tags with names like header, navigation, content, and footer, but HTML5 has recognized that and incorporated those tags. What does this mean? Rather than having to write <div id=”header”> all you have to put for HTML5 is <header>. Tired of writing <div id=”navigation”>? No sweat, now all you have to do is <nav>.
Simpler is better
HTML5 has also made things easier on the developer who prefers code view over design view in a WYSIWYG by making the doctype easier to remember. Older versions of HTML have required a ridiculously impossible line of code to remember, <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>; instead, making things simpler, <!DOCTYPE html> triggers the standards-compliant rendering mode—it’s not even case sensitive!
Along with geolocation and offline storage, HTML5 also introduces the canvas element to make the mobile web app world a little more exciting. The canvas element allows for dynamic scriptable rendering of 2D shapes and bitmap images. This is great for when you want to render graphs, game graphics of any sort of other visual image on the fly.
It can be hard to keep up with the quickly developing world of online development. Though some people might find the rapidly changing technologies exciting, others may see it as a bit of a hassle. If you find yourself in the less excited category, you may want to consider an online html website builder like www.wix.com. Services like Wix make it easy to build sites, especially with their new free HTML editor feature that just rolled out.
What services do you find helpful when discovering new HTML5 goodies or keeping up with growing technologies? How much do you love HTML5? Or hate? Let us know in the comments below!