HTML and CSS Reference
In-Depth Information
<p>All Munchkins are obliged to wear their “I'm a friend
¬
of Dorothy!” t-shirt when representing the club</p>
</section>
<p><strong>Vital caveat about the information above:
¬
does not apply on the first Thursday of the month.
¬
</strong></p>
</article>
Figure 2.10
illustrates this diagrammatically.
FIGURE 2.10
Now you can see
that the vital caveat refers to the
whole
<article>
.
article
section (Yellow Brick Road)
section (Fan Club uniforms)
<strong>Vital caveat</strong>
If it had been inside the fi nal section element:
<article>
...
<section>
<h2>Fan Club uniforms</h2>
<p>All Munchkins are obliged to wear their “I'm a friend
¬
of Dorothy!” t-shirt when representing the club</p>
<p><strong>Vital caveat about the information above:
¬
does not apply on the first Thursday of the month
¬
</strong></p>
</section>
</article>
it would unambiguously refer to that section alone, as illustrated
in
Figure 2.11
.
FIGURE 2.11
The
<section>
element removes any ambiguity.
article
section (Yellow Brick Road)
section (Fan Club uniforms)
<strong>Vital caveat</strong>