Learning HTML5

I would like to learn HTML5 - particularly so that I can start doing Responsive Web Design for a living.

Should I…

1.) Buy and read a book from SitePoint on HTML5?

2.) Buy and read a book from A List Apart on HTML5? (e.g. HTML5 for Web Designers)

3.) Find some gigantic book on Amazon.com on HTML5?

4.) Just read the new HTML5 specification online for free?

5.) Other?

Html5 and responsive web design are two different topics and have nothing in common. You can build a responsive web site in html4 with no problems.

Html5 just gives you some new tags and new rules to use but doesn;t have anything at all to do with responsive design.

To learn about html5 just google around the web for tutorials as there are many around such as this one.

You can start doing RWD without HTML5. As far as I can make out, you could probably do it with HTML 3.2 if you wished. RWD is more to do with how you apply CSS to the HTML than any particular version of its specification.

1 Like

RWD is more about the css than the html. I know you have said before you were thinking it may take you a year or two to learn RWD. If you already know the basics of html and css it should not take you anything like that long.
Some months ago I was in complete ignorance of what RWD was, but had a site I wanted to convert to “mobile friendly”. I was blinkered into thinking that dual versions was the way to do it, I did not know what RWD was or how it works. The people here, including Paul, showed me the way, and with some guidance I was able to get the site responsive within the space of a month or two. Bearing in mind I don’t do this full time, I have a different job, its just a spare time thing I do.
I just recently converted a friends site to RWD, recoded it from the ground up in html5, as the original was done some years ago. Now I’m working on my third RWD project, each time I’m getting better at it. At some point, when I find the time I may re-do the first site, since it was my first attempt at RWD, I could probably improve on it now.
The point being, if you already have a basic grasp of html and css, with a bit of guidance you can learn RWD within weeks not years and over months you will get better at it. There are always people here that will help when you get stuck with a problem.

1 Like

Yes, I guess I knew that, but I was also under the impression that HTML4 - is like Windows XP - old, and it might be better to learn the “new” way to code HTML while I learn RWD.

Also, I thought HTML5 had media tags and what not that helps with RWD…

@SamA74,

Thanks for the encouraging words!

It sounds like you have already taken the path I hope to. nd it sounds like you have had good success fairly quickly.

HTML4 is old but it still accounts for 90% of the code that is still done. HTML5 only introduces so many new tags. You still need to rely on HTML4.

Not in the absolute slightest :slight_smile: . You are thinking about CSS media queries, which has 0 relevance to HTML5.

As said earlier, drop this entire idea about HTML4/5 being different in any sense. They are one in the same, as far as you are concerned.

No because over 90% of HTML 5 is identical to HEML 4. All that has been done is to add a few new tags and attributes that are needed for the new uses that web pages now have that didn’t exist or were not thought of by the standards team at the time when HTML 4 was released (such as video and form validation) and to resurrect long obsolete tags only needed for long dead browsers but which lots of people still insist on using (eg. the iframe tag which was flagged for replacement by the object tag in HTML 4 in 1997 and where the replacement was held up because IE6 didn’t support the replacement properly.So iframe has now been reintroduced as an HTML 5 tag so that you can support all your visitors using IE6).

The best way to write your HTML 5 is as HTML 4 with the extra tags and attributes added where needed. If you don’t do that then you end up with pages that look like 95% of the web pages out there - HTML 3.2 with a few more modern tags thrown in.

[quote=“felgall, post:8, topic:193541, full:true”]
No because over 90% of HTML 5 is identical to HTML 4.[/quote]

So which of the choices in my OP would you recommend to learn those new additions to HTML5?

There are not all that many new tags and attributes that were added in HTML 5 so buying a book to learn them when you already know HTML 4 would be unnecessary as there’d only be about a dozen pages on the new material that you’d actually need.

http://www.w3.org/TR/html5-diff/ lists all of the differences so perhaps the simplest option is to start by reading through that. At least then you’d know what new tags and attributes there are so you can investigate them further should you need them.

1 Like

Okay.

The innovative version of HTML is HTML5. It includes new attributes and elements that allows powerful web applications. It also improve the language and easily read or learn by users. HTML5 is the combination of HTML and XHTML that includes all processing models. There are new features in HTML5 such as <audio>, <video> and <canvas>. It can easy to handle multimedia and graphical content.

They are not combined.

While HTML 5 and XHTML 5 both support the same tags and attributes they are implemented completely differently.

you can learn HTML5 from the w3school.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.