It's kind of hard to believe that it's almost been a decade since HTML 4.01 was made official. However, it has taken browsers a while to recognise the standard, and this process continues today. I was pleased to see that the W3C has released the first draft of HTML 5 with its goal of creating Semantic HTML.

Semantic HTML

The impetus behind Semantic HTML is the creation of HTML documents that are void of any reference to how the HTML is presented. This means that Semantic HTML contains only the implied meaning of data via the use of the appropriate tags. This has been the goal of the separation of content and presentation, and HTML 5 is pushing it closer to reality.

A couple of examples of Semantic HTML include only using the table element for tabular data, and actual header tags (<h1>, <h2>, <h3>) are used to mark important data on a page. The creation of Semantic HTML introduces a number of new features and banishes some older elements.

New additions in HTML 5
HTML 5's new additions focus on Semantic HTML by allowing Web developers to easily assign meaning to content via HTML tags. The following list provides a sampling of these elements:

|> article: Represents an independent piece of content within a page.
|> audio: Provides multimedia support.
|> canvas: Renders dynamic bitmap graphics on the fly, such as graphs, games, and so forth.
|> dialog: Marks up a conversation.
|> embed: Provides support for plug-in content.
|> footer: Represents the footer of a section.
|> header: Represents the header of a section.
|> nav: Represents a section of a document whose purpose is navigation.
|> section: Represents a generic section of a document.
|> video: Provides multimedia support.

This subset of new elements demonstrates that presentational HTML is gone. Turn your attention to CSS when approaching the task of properly delivering content to the user community. One worry with working with a new technology is backward compatibility.

The HTML 5 standard includes two conformance requirements for Web developers and the software used to view the content (the user agent). The user agent section includes guidelines to ensure older HTML is correctly rendered, so there should be no worries about breaking existing Web content.

Out with the old
A quick perusal of the first draft of HTML 5 shows that the push towards CSS for presentation continues, as relevant elements have been removed from HTML 5. These elements include font manipulation with the standard font tag, along with basefont and big.

You will no longer be able to use the underline <u> element for underlining text, and strike is gone as well. It is interesting to see the bold <b> and italics <i> elements are still in place. One element that is often overused is <center>; beginning with HTML 5, you should use CSS to horizontally centre elements.

Numerous attributes have also been removed; for instance, the align, background, and bgcolour attributes have been removed from the body element.

I know the removal of frame-related elements (frame, frameset, and noframes) will receive a resounding cheer from Web developers. The negative impact on accessibility and usability were the final straw for frames. Also, the applet tag has been removed, and the object tag is now the standard.

This is just a quick list of changes; the W3C site offers a detailed list of what has changed from HTML 4 to HTML 5.

More to come

The time for a new HTML version is long overdue. It is driven by the push to separate content from presentation and separate the code.

This is only the first draft of the HTML 5 standard, so changes are likely to occur -- and let's not forget that browser support will be slow to arrive, since the current version is still not fully supported. You should definitely keep an eye on the standard.

What are your thoughts on W3C standards and their usage? Do you develop standards-based Web applications? Share your thoughts with the Web Developer community.

Wide World of Web This was published in Wide World of Web, check every Wednesday for more stories

Related links

Comments

1

Jeff, UK - 30/06/08

> I know the removal of frame-related elements (frame, frameset, and noframes) will receive a resounding cheer from Web developers. The negative impact on accessibility and usability ...

Your assumption is not correct.

Imagine a page with two sections - in one section, you click on links, and the other section then displays detailed content. Users must be able to resize the detailed pane to suit their screen resolution and readability requirements.

Cant do that in HTML5 - yes there are thoughts about a resizeable attribute, but NONE of the browsers are planning any support at all for this.

So removal of user resizeable frames in HTML5 has a negative impact on usability.

» Report offensive content

2

Dzhankui - 02/07/08

I concordant with you, Jeff.
First - need to change the browsers to make them possibility to support "all of this"
And second - we can to change any standarts

Design will save the world... :)

» Report offensive content

3

Douglas - 21/08/08

I have never coded in HTML 4.01 prefering to use XHTML and CSS. I rarely use any of the tags that will be depricated so i look forward to HTML 5.
Not as much as i look forward to using XHTML 2.0
As for frames......good ridance.

» Report offensive content

4

cgfddfgd - 03/02/09

erfsadfjsdnafdnsafnkdknsacndsac

» Report offensive content

5

Mike - 01/05/09

I'm so tired of people "hating frames". Frames are very useful for manuals, directories and other closer to Intranet applications. Designers are mostly impractical and only think about pretty flowers to draw on the background, but not about something serious, like information. Information has no fixed size, no fixed height, it's dynamic. There is no substitute to Tables and Frames, however you praise your perverted way of using sexless divs and spans in place of meaningful and powerful tags.

For instance, a persistance content block. How can you keep a part of a page unchanged while navigating throughout the web site? For instance, I want an embedded web radio to keep playing while I browse through the website it's embedded in. How do I make that? Only frames can make this happen, and there is no alternative for that. If I could create an IFRAME and mark it as "persistant", then it would be a true superior mechanism to bulky framesets, making them completely obsolete.

I do not understand how can a feature become obsolete if there is no other feature with same or better functionality. It's like chopping legs off and sewing hands in place of them, simply because legs are uglier than hands, and hands are more standards-compliant.

If I use AJAX for loading content instead of actual browsing, thus keeping static parts of the page untouched, there still will be problems with bookmarking, search engines, context ads, and other things, such as mobile, non-graphic or non-scripting browsers. Same problems which frames are being hated for. So Ajax is not an alternative to frames in terms of partial content loading.

All the changes in HTML seem to be towards making fixed sized promo leaflets, and not rich, information-filled, dynamic multimedia web resoures. I'm working with HTML since 1997, and I'm pretty sick of seeing how people are calling a Web 2.0 something that is more like Web 0.2 beta.

» Report offensive content

Leave a comment

You must read and type the 6 chars within 0..9 and A..F

* indicates mandatory fields.

5

Mike - 05/01/09

I'm so tired of people "hating frames". Frames are very useful for manuals, directories and other closer to Intranet applications. Designers ... more

4

cgfddfgd - 02/03/09

erfsadfjsdnafdnsafnkdknsacndsac ... more

3

Douglas - 21/08/08

I have never coded in HTML 4.01 prefering to use XHTML and CSS. I rarely use any of the tags that ... more

Log in


Sign up | Forgot your password?

  • Staff Aussies to pay more for Win 7

    If you are looking to make some money in these troubled times, perhaps importing copies of Windows 7 could be for you. Read more »

    -- posted by Staff

  • Staff Firefox: Greens want it, 3.5rc2 not up to par

    This week's roundup looks at the situation surrounding a campaign to change Outlook HTML renderer, a Greens MP wants to install Firefox but is restricted and all the photos from the iPhone 3GS launch. Read more »

    -- posted by Staff

  • Chris Duckett Microsoft misses the Outlook point

    Ask designers which mail program is the bane of their existence, and you'll find that Outlook tops the list. The reason why the most popular email reader is also the most painful is simple: it uses Word to render HTML emails. Read more »

    -- posted by Chris Duckett

What's on?