HTML and CSS Reference
In-Depth Information
HTML5-compliant browsers should take this markup and define an outline based upon
the use of headers, like so:
In theory, user agents could take the outlining semantics and derive meaning or even
provide an alternative browser interface, although that is quite speculative at this point. It is
clear, however, that if you introduce such outlining ideas, issues may arise. For example, the
first header really was not two levels of sectioning but simply one with a subhead. To
address this outlining, you would take this markup
<header>
<h1>
Welcome to the Future World of HTML5
</h1>
<h2>
Don't be scared it isn't that hard!
</h2>
</header>
and then join the subhead to the headline with an
hgroup
element like so:
<header>
<hgroup>
<h1>
Welcome to the Future World of HTML5
</h1>
<h2>
Don't be scared it isn't that hard!
</h2>
</hgroup>
</header>
No
hgroup
elements used
hgroup
elements used
