20 Chapter 2—Structure and Semantics for Documents
Figure 2.1 The fictitious HTML5 blogBefore analyzing the source code of the HTML5 blog in detail, here are a few
important links, for example, to the specification HTML: The Markup Language
Reference—subsequently shortened and referred to as markup specification at
http://www.w3.org/TR/html-markup.
Here, Mike Smith, the editor and team contact of W3C HTML WG, lists each ele-
ment’s definition, any existing limitations, valid attributes or DOM interfaces,
plus formatting rules in CSS notation (if to be applied)—a valuable help that we
will use repeatedly. The HTML5 specification also contains the new structural
elements in the following chapter: http://www.whatwg.org/specs/web-apps/
current-work/multipage/sections.html
The .html and .css files to go with the HTML5 blog are of course also available
online at:z http://html5.komplett.cc/code/chap_structure/blog_en.html
z http://html5.komplett.cc/code/chap_structure/blog.cssAt first glance, you can see four different sections in Figure 2.1—a header, the
article, the footer, and a sidebar. All the new structural elements are used in these
four sections. In combination with short CSS instructions in the stylesheet blog.
css, they determine the page structure and layout.