HTML5 in a nutshell

Jan 16, 2011

Well, a long awaited HTML5 is here and many of developers already taste from its great features. But what about those who don't? There are a couple of things you could hear every time some new technology or technique comes to a market. The most popular beyond them are: "I don't have time to learn it", "I already have things working so why bothering" and so on. Well I have only 4 things to tell you about HTML5 that should make you jump to work on it right now. And the first one is: It is really simple to start working with HTML5 but let's take it one by one.

4 Things about HTML5

1. It's not a one big thing, it is a collection of individual features.

So you can’t detect “HTML5 support,” because that doesn’t make any sense. But you can detect support for individual features, like canvas, video, or geolocation.

2. You don't have to rewrite anything.

HTML5 is build on its predecessor HTML4. If your application worked yesterday, it will continue working on HTML5. What you can actually do is to improve things like extending standard text box element and to distinguish it to different text types like email, search etc. In older browsers it will look just the same, but a modern ones will suddenly appear to behave a lot better. For example mobile browser will show a different keyboard for email.

3. It's really, really easy and fast to get started.

“Upgrading” to HTML5 is as simple as changing your doctype. The doctype should already be on the first line of every HTML page. Previous versions of HTML defined a lot of doctypes, and choosing the right one could be tricky. In HTML5, there is only one doctype:

<!DOCTYPE html>  -  Easy right?

Upgrading to the HTML5 doctype won’t break your existing markup, because there is a backward compatibility in HTML5. It will allow you however to use new semantic elements.

4. It actually already works!

When you will start playing with your first application you'll be nicely surprised that HTML5 is already well-supported by the majority of browsers, including mobile.

0 comments: (+add yours?)

Post a Comment