1. Computing & Technology

Discuss in my forum

Jennifer Kyrnin

Check Out HTML 5 in Action

By , About.com GuideSeptember 4, 2009

Follow me on:

If you have Opera 9 or 10 or Safari 3 or 4 you can see what an HTML 5 template with two columns looks like. You can still see how the pages display in Firefox and IE, but they don't have the columns that are defined in the CSS, so they don't look as good. I don't recommend using this template for live websites just yet, but it's an example of how you can use some of the new HTML 5 tags.

More About HTML 5

Comments
September 4, 2009 at 4:18 pm
(1) Ted says:

Valid HTML 5? Your doctype is HTML 4.01 Transitional.

September 5, 2009 at 2:34 am
(2) Cassius says:

Very cool. HTML5 looks like it has semantic divisions for areas that otherwise would be handled by divs (e.g., article and nav). I note that there is no overall container div; the header and the “section” are both just under the body.
Also, like Ted asked, what is with the doctype?

September 7, 2009 at 6:28 am
(3) plaster says:

Since html 4.01 transitional is usually just an excuse to turn on quirky mode, I changed the doctype to html 5 – out of curiosity. It doesn’t really change anything except – for some reason – the distance between the image and its caption. In both Chrome and Opera (yes, html 5 works also in Chrome).

September 8, 2009 at 6:04 am
(4) Alexander says:

I have to say, the first child of the head element should define the page charset, I remember seeing this rule in the W3C validator for HTML 5. I see some people already made a point about the doctype, and since including it usually is more like a habit, it often gets overlooked by most of us. But otherwise, nice example :-)

September 8, 2009 at 11:31 am
(5) Rik says:

Indeed a nice example of HTML 5. And my compliments for your Blog.

September 8, 2009 at 10:57 pm
(6) You Go Media says:

Although HTML 5 has some perks, I don’t see our development team moving towards this new markup language any time soon.

September 8, 2009 at 11:28 pm
(7) Gary Hart says:

Thank you for this incredible resource!

Does HTML have a positive, negative, or neutral SEO impact?

September 9, 2009 at 5:15 pm
(8) Jennifer Kyrnin says:

GRRRRR.

The template HTML as written in the template is HTML 5. The sample page About.com’s CMS “helpfully” changed to HTML 4.01.

The HTML I validated is here.

September 9, 2009 at 6:04 pm
(9) Brett says:

It all looks OK to me.

Leave a Comment

Line and paragraph breaks are automatic. Some HTML allowed: <a href="" title="">, <b>, <i>, <strike>

©2012 About.com. All rights reserved.

A part of The New York Times Company.