HTML and CSS Reference
In-Depth Information
<section><h3>An Article</h3>
<section><h4>Article
Synop-
sis</h4></section>
</section>
</section>
<section><h2>Other News</h2>
<section><h3>Another
Article</h3></section>
</section>
</body>
__________
3 The others are article, aside, and nav.
Note The first h1 does not need a section, because the body element serves this
role. You may have noticed, however, that the body element is not included in the
sectioning content category. The body belongs to a special category of elements called
sectioning roots , which are elements that may have an outline defined inside them, but
it is hidden if they are included in another outline. For example, the blockquote ele-
ment is a member of the sectioning root category and can contain sectioning elements
forming an outline, but this in not visible in the page's outline, because it is encapsu-
lated in the blockquote. Other members of this category are the details , field-
set , figure , and td elements.
By including sectioning elements, the different ranking of the heading elements is ac-
tually no longer needed. On this matter, the specification states the following:
“…authors are strongly encouraged to either use only h1 elements,
or to use elements of the appropriate rank for the section's nesting
level.”
So, it may be wise to convert all the heading elements in the code to h1 elements;
otherwise, the page becomes less flexible to changes in structure. For example, if the
nesting structure was changed, the heading ranks would need to be updated to reflect
any nesting depth changes (not doing this wouldn't break anything but would be a se-
mantic no-no).
 
Search WWH ::




Custom Search