HTML and CSS Reference
In-Depth Information
web pages are more than just articles, sections, and
headings. what about other elements?
we have
<nav>
for navigation and
<aside>
for
nonessential content like sidebars.
<aside>
? that sounds like a stage
direction for a post modern sitcom.
why not just call it sidebar?
-
because the element is more general purpose.
ads. navigation groups, or pullquotes could
also be asides.
hmm, IF YOU SAY SO. WHAT ABOUT FOOTERS? THERE
must be a
<footer>
element to go with
<header>
.
THERE IS, ALONG WITH A
<small>
element for fine
PRINt—LEGAL INFORMATION AND DISCLAIMERS.
hang on. there's a
<nav>
Element in that footer!
Yes. there's no rule
THAT SAYS you can have
only one per page.
anywhere you have
navigation. you can
use the
<nav>
Element.
links in the footer
are very common.
FOOTER
NAV
SMALL
The
<aside>
element is intended for content that
isn't part of the flow of the text in which it
appears but is still related in some way. In many
topics, including this one, you'll see sidebars for
things such as terminology definitions and
historical background, like the one that follows—
these would be marked up as
<aside>
if the
book was
HTML5
. Sidebars are also common
in website design, although the meaning is
slightly different: often they contain navigation
or related links.
Sidebar
This is an example sidebar. If this were an HTML5 document, it would be marked
up with the
<aside>
element.
