Sat 2 Feb 2008
Time To Clean Up The Web With HTML 5
Blurb by Shaun AndersonAloha! Subscribe TODAY for FREE Website Promotion Tips from Hobo!
** Edit - We just updated this article here at What Is The Difference between HTML 5 & HTML 4?
Doing a bit of research on the new flavour of HTML from the W3C - HTML 5. One of the most visible differences to a coder is the lack of one time necessary DIVS in the style of a page. Yup, that’s right, no more need for CSS DIVS for the CSS web designer.
DIVS will still be ‘there’ for the css designer to use, but new elements added to the framework It looks so much cleaner, here’s an example for a web page in HTML 5;
<html>
<head>
<title>Hobo Website Design Scotland</title>
</head>
<body>
<header>
<h1><a href="/design.htm">Hobo Website Design</a></h1>
</header>
<section>
<article>
<h2><a href="/design.htm">
Hobo Web Design</a></h2> <p>We're a Scottish SEO Services company that's passionate about
accessible website design. We build modern looking websites to industry standards,
that are highly tuned (optimized) to work in Google. Our stylish websites
download fast, are easy to edit and are easy for visitors to use. </p>
</article>
<article>
<h2><a href="/search-engine-optimisation.htm">
SEO and Web Design</a></h2>
<p>Unlike some web design companies, we make websites people can find in
Google. You probably found this website using one of the major search
engines typing in terms like "website design Scotland” or “website design Glasgow“.</p>
</article>
<nav>
<a href=”http://www.hobo-web.co.uk/seo-blog/”>« Previous Entries</a>
</nav>
</section>
<nav>
<ul>
<li><h2>Info</h2>
<ul>
<li><a href=”/blog/comment-policy/”>Comment Policy</a></li>
<li><a href=”/blog/todo-list/”>Todo List</a></li>
</ul></li>
<li><h2>Archives</h2>
<ul>
<li><a href=’/blog/2008/01/’>January 2008</a></li>
<li><a href=’/blog/2007/12/’>December 2007</a></li>
<li><a href=’/blog/2007/11/’>November 2007</a></li>
<li><a href=’/blog/2007/10/’>October 2007</a></li>
</ul>
</li>
</ul>
</nav>
<footer>
<p>Copyright 2008 hobo Web LTD</p>
</footer>
</body>
</html>
No DIVS are needed to create a basic page. Rather than using site-specific class attributes, the meaning of the different sections can be inferred from standard names. This is especially important for audio, cell-phone, and other nonstandard browsers.
I’m an SEO , we are a seo company and an advertising agency, and I’m not an expert in anything to do with HTML 5 of course but it looks exciting - a real chance to clean up your website designs.
What Is HTML 5?
HTML 5 defines the fifth major revision of the core language of the World Wide Web - HTML - from the W3C (World Wide Web Consortium). Also called Web Applications 1.0 - there are still no no namespaces or schemas. Elements don’t have to be closed. Browsers are forgiving of errors. A p is still a p, and a table is still a table.
HTML 5 introduces new elements to HTML for the first time since the 1990’s. New structural elements include aside, figure, and section. New inline elements include time, meter, and progress. New embedding elements include video and audio. New interactive elements include details, datagrid, and command.
HTML 5 adds new elements to specifically identify each of these common constructs:
-
section: A part or chapter in a book, a section in a chapter, or essentially anything that has its own heading in HTML 4 -
header: The page header shown on the page; not the same as theheadelement -
footer: The page footer where the fine print goes; the signature in an e-mail message -
nav: A collection of links to other pages -
article: An independent entry in a blog, magazine, compendium, and so forth
Learn More About HTML5
2008-01-22: The W3C published an early draft of HTML 5, a major revision of the markup language for the Web. The HTML Working Group is creating HTML 5 to be the open, royalty-free specification for rich Web content and Web applications.
“HTML is of course a very important standard,” said Tim Berners-Lee, author of the first version of HTML and W3C Director. “I am glad to see that the community of developers, including browser vendors, is working together to create the best possible path for the Web.”
New features include APIs for drawing two-dimensional graphics and ways to embed and control audio and video content. HTML 5 helps to improve interoperability and reduce software costs by giving precise rules not only about how to handle all correct HTML documents but also how to recover from errors.
Discover other new features, read the press release, and learn more about the future of HTML.
Subscribe!
16 Shouts
We close old posts on the Hobo blog, but you can link to the article from your own blog, and get a trackback link to your website from the post.

HTML 5 or XHTML 2
Both working groups seem to spend even more time arguing then the CSS 3 group.
I am however looking forward to some browser support for HTML 5 that said we are still waiting for browser support for the last specifications..
Shout Out by Tim Nash — February 2, 2008 @ 6:27 pm
@tim: You only think it’s more time because the CSS group argues on its secret list instead of in public.
Shout Out by Ian Hickson — February 2, 2008 @ 9:46 pm
@Ian sad but very true, I really would like to see HTML5 process speed up just a touch but even if it was ratified tomorrow it will be several years before we will be able to use it in the wild.
Shout Out by Tim Nash — February 2, 2008 @ 10:01 pm
Wow, can’t wait for it.
Shout Out by PC Repair London — February 2, 2008 @ 11:22 pm
I indented and highlighted your example: http://pygments.org/demo/594/
Shout Out by Arthur — February 3, 2008 @ 5:33 pm
[...] Time To Clean Up The Web With HTML 5 - Hobo SEO UK (tags: html5 standards Web) [...]
Cited By by links for 2008-02-04 | Lazycoder — February 4, 2008 @ 11:25 am
I had nightmares a whole week after first hearing about HTML5.
People began migrating from HTML4 to XHTML not because HTML lacked features, but because it had countless design flaws. Slapping a few extra toys onto the same unorganized, cluttered, ugly standard isn’t going to help or change anything.
You seem to have many conflicting ideas in your article. HTML5 may look a bit simpler than XHTML at first, but this fallacy becomes completely impossible when you take into account the fact that it’s forgiving. Markup will get ugly faster than you can believe when it’s not a requirement to close tags and use it in such a fashion that would be easily predictable. Not to mention HTML5 seems to be tailored to specific kinds of websites. Because of this, XHTML is clearly much more flexible in design and portability.
This also raises questions about your views on mobile device support. When a parser has to guess what the author of the markup meant because it’s malformed, it requires far greater resources than if it’s following a defined standard that needs to be strictly adhered to work as intended. More processing power and memory consumption on a mobile device means slower render times and quicker battery drain. Not to mention SEO - which will become impossible when spiders start barfing nasty markup back up.
Then there’s the fact that HTML never was or will be XML. Again, this only limits your use of the technology.
If you’re really a stickler for having as few class attributes in your code as possible, learn how to use CSS properly. CSS2 is widely supported and has many advanced selectors that require no toying with the markup. CSS3 only improves upon this.
All that said, I’m also quite curious why you would even use HTML5 for its new features when they can be easily scripted with another standard that’s already in wide use - ECMAScript (aka Javascript).
I think in the end, the creation and/or use of HTML5 can be attributed only to laziness. It might indeed be a little faster to develop initially, but it will result in lower quality websites that become more difficult to maintain as time goes on and encourage people to half-ass their way through web design.
XHTML is by no means perfect, no technology really is. But in my mind it’s obviously and greatly superior to HTML for a plethora of reasons. I think instead of trying to create another standard, which will cause much confusion, people need to work together on those we already have.
I certainly take solace in the fact that if HTML5 ever becomes a finished standard, by the time it’s implemented XHTML will likely have total domination over the market.
Shout Out by Justin — March 1, 2008 @ 11:27 pm
Justin: HTML5 (the spec) defines two languages, one for text/html (which we call HTML) and one for application/xhtml+xml (which we call XHTML, and which is based on XML). You can use whichever one you prefer, the spec doesn’t prefer one or the other.
Shout Out by Ian Hickson — March 2, 2008 @ 5:06 am
Ian: While that’s definitely true, I don’t think that really changes anything for the better. In fact, I dare say it makes the situation worse. The truth is, a new standard that encourages - or even allows - sloppy habits is still going to take us all backwards. Even worse, if HTML5 defines its own XHTML branch it’s only going to create more confusion for adopters of the XHTML and XHTML2 specifications in the future.
I firmly believe HTML5 is a huge step in the opposite direction of progress.
Shout Out by Justin — March 2, 2008 @ 10:34 pm
Well, if HTML5 is so much worse than the XHTML alternatives, then it’ll die on its own merits. That’s the great thing about free markets. May the best technology win.
Shout Out by Wedding Photographer — March 2, 2008 @ 11:01 pm
@ Ian & Justin - Thanks for taking the time out to have a worthy discussion on my blog
Shout Out by Shaun Anderson — March 2, 2008 @ 11:05 pm
Ian: I wish that were always true. I think there’s a lot of other variables in a situation like this that may alter the outcome (such as time to market). But time will tell.
Shaun: Don’t mention it. I think because I have opposing views on the subject I have a responsibility to voice them. People will make up their own decisions, but maybe I can help them see some of the follies that might pop up should the standard become widely used.
Shout Out by Justin — March 3, 2008 @ 12:14 am
Really interesting article!
Being a website designer myself this does look like an exciting way forward for website design.
Being able to break down content via these tags instead of DIVS will really clean up the content of the site and hopefully make Google like you!
The only issue really is that we seem to being just mastering one technique and then another one comes along!
Shout Out by Media Training — March 7, 2008 @ 3:16 pm
Html5 certainly looks easier to use than HTML4 - how many years before this makes an appearance?
Shout Out by Small Wind Turbine — May 13, 2008 @ 9:33 am
Do the main browsers support HTML5? - is it worth migrating just now or waiting a while?
Shout Out by Electronic Identity Verification — May 14, 2008 @ 3:17 pm
It’s about time another version is out. it’s may be hard to keep up this time but it has to be done. I see way to many web pages that have bad code it’s not funny.
Shout Out by Todd — May 19, 2008 @ 9:51 pm