RSS Feed
Download our iPhone app
Browse DevX
Sign up for e-mail newsletters from DevX


The HTML 5 Layout Elements Rundown

HTML 5 is a broad specification with dozens of distinct changes from HTML 4. Get a comprehensive breakdown of the HTML 5 layout elements.

TML 5 is an interesting beastie. The specification was not planned; The W3C was committed to HTML 4.1 as the last word in HTML. As such, most of the requests for HTML 5 came from the HTML user community itself, largely through the advent of the Web Hypertext Application Technology Working Group (WHATWG). The push from WHATWG was strong enough to prompt the formation of a HTML 5 working group a couple of years ago. Since then, the HTML 5 working group has slowly gone through the process of taking a somewhat hand-waving specification and recasting it in W3C terms, along with all the politics that the process entails.

On April 23, 2009, the HTML 5 group released the most recent draft of the specification. Overall, it represents a considerable simplification from the previous release, especially as a number of initially proposed changes to the specification have been scaled back. The group defined roles for the proposed changes elsewhere.

HTML 5 is a broad specification, and consequently, dozens of distinct changes—more than a single article can reasonably cover in any detail—occurred between HTML 4 and 5. This article focuses on the HTML 5 layout elements. Subsequent articles will examine forms-related changes (which are substantial), the new media elements, and DOM-related changes.

General Changes

One of the most significant changes in HTML 5 is that both the HTML and XHTML formats are recognized as legitimate expressions of the specification. This is a major change that has among its implications the requirement for browsers to recognize fully the XHTML version of the syntax (this currently is not the case with Internet Explorer, for instance). This also means that all browsers should recognize application/xhtml+xml or application/xml as legitimate mime-types for encoding HTML documents. The HTML document DocType has also undergone some revisions. The long doctype of HTML 4 has been replaced with the far shorter <!doctype html>:
<!doctype html>
          <title>Example Document</title>
          <h1>Example Document</h1>
          <p>This is an example document

This represents the continued "de-SGMLification" of HTML, which has been underway for a number of years. While this shortened doctype construct is still legitimate SGML, the heavy SGML trappings of previous years are disappearing in favor of the simplified XML interface.

HTML 5 also recognizes SVG and MathML as additional valid formats within even HTML documents. Such instances do not necessarily need to incorporate namespaces in HTML, although they are of course required in XHTML.

Close Icon
Thanks for your registration, follow us on our social networks to keep up-to-date