How to Learn HTML5

Q:

Where should I start if I want learn HTML5?

Is there such a thing as 'HTML5'? Or is it more correct to say, I need to learn HTML + Javascript + CSS?

I'd like some recommendations on books + Websites

I did a google on 'HTML5 forums'... but didn't find any websites that looked credible

A:

HTML5 is the newer version of HTML, but still is HTML.

Since HTML5, you can add audio, video and some more tags to your source. But the general tags like DIV, SPAN, A, IMG, etc stay the same.

You want to learn HTML which also contains HTML5 tags. A good place to start (where I started) is W3schools ( http://w3schools.com/ ), just click HTML and on the left side you will find how to make your own html step by step. Where you can also start learning Javascript, CSS and PHP.

Another good link is: http://www.html.net/

by Niels

Honestly i don't expect there is an e-book. The HTML5 specification is still under development and far from ready. There are tutorials, blogs and lots of articles about it and yes browsers are busy implementing what they can (except IE is falling behind as often, but they'll catch up in IE9). But it's to early to start writing e-books about this subject.

EDIT: take at look at html5tutorial

EDIT2: Site of the Whatwg. This page shows the current working draft of HTML5

by Rob

Learn HTML5 in 5 Minutes! By Jennifer Marsman

A great tutorial - learn html5 in 5minutes. I personally don't think you can learn it in 5 minutes but it is extremely useful! 

HTML5 tutorial By Jenifer Marsman

[web dev]Pros and Cons of HTML5 & CSS3

In this highly competitive world, it is imperative to embrace new technology to survive the tough competition. One such technology is the combination of HTML5 and CSS3. It provides a number of benefits to developers and designers. Both these technologies provide many features which help to increase the efficiency of a site and make it yield better results. HTML or hyper text markup language is used to write web pages so as to make them compatible with the browsers. CSS is a style sheet language which helps in better presentation of a web page.

HTML5 is the latest version of HTTML and has a number of useful features which help to enhance the user experience. Let us discuss about the pros and cons of HTML5 and CSS3.HTML5, which is the latest version of HTML successfully, overcomes the limitations of HTML4. This new version has some wonderful features which help to extend the functionality of a site like never before. Although it is still not supported by all the browsers, but it is only a matter of time. Once that happens, it will change the way websites are created.

HTML5 & CSS3

One of the features of HTML5 is that it has made the document declaration much easier. It can be done by using . Geo-Location API is another useful feature which helps to find the user's location. This feature can be highly beneficial for online businesses and can help them to keep track of their visitors. This feature is primarily useful for mobile users. This feature requires the user to provide the required permission to access the location.

This new version has also made the task of drawing convenient and better. With Canvas element you can draw functions and can easily create graphics, images and animations. Another wonderful feature is that it does not require any additional plug-in to incorporate any audio or video element in a web page. It also helps to store data offline. The files or web applications can be accessed even without internet connectivity.

No doubt HTML5 has some amazing features. But it also has some cons. First of all, it is not compatible with all browsers. This is the biggest drawback. Although most of its features are compatible with Firefox, Safari, Chrome and Opera but there are many versions of IE which does not support HTML5. If you consider the number of users using IE, you will realize that this can be potentially harmful. Secondly HTML5 is still under development. Hence it is prone to changes.

CSS3 has its own set of features. Its features help to enhance the aesthetic appeal as well as the functionality of a site. With Box Shadows you can add shadow effects to any element of the web page. The feature Multiple Backgrounds allows you to create multiple backgrounds for one element. Another feature is that it allows developers to select from multiple color options like RGB, CMYK or HSL. You can also get rounded corners without any extra efforts by using Border Radius property. With Border Image property, you can use an image for a border.

Like HTML5, CSS3 also has its share of problem areas. It is also not supported by some browsers. It makes it difficult to make even minor changes as CSS does not have variables. Also, CSS still requires some improvement to provide a proper layout.

Thus both HTML5 and CSS3 have their set of pros and cons. However, leaving aside the cons, if we focus on their features, it is a right combination to create an appealing and effective website. This is the reason why most of the PSD to CSS/HTML developers are making use of this combination.