HTML5 Guidelines for Web Developers

(coco) #1

26 Chapter 2—Structure and Semantics for Documents


Login, and Quick Links. If the link list is implemented as nav, as is to be expected,
the two first blocks are embedded in another new element: section.
The section element contains sections of a document that are thematically con-
nected, for example, chapters of an essay or individual tabs of a page constructed
from tabs, typically with a heading. If section is used within footer, it is usually
used for appendices, indices, license agreements, or the like. Generally, it makes
sense to use section if it belonged in a table of contents as well. In our example,
as shown in Figure 2.5, the Questionnaire and the Login are tagged with section,
and the links are tagged as nav as mentioned earlier:

<aside>
<h2>
<section>
<h3><p><input>
</section>
<section>
<h3><label><input>
</section>
<nav>
<h3><ul><li><a>
</nav>
</aside>

Figure 2.5 The basic structure of the HMTL5 blog sidebar
Free download pdf