HTML and CSS Reference
In-Depth Information
Using the
<aside>
element
The
<aside>
element defines any content that doesn't fall within the main flow or main
content of the current page—for example, a sidebar, a note, an alert, or an advertisement.
The
<aside>
element doesn't place itself automatically to any particular side of the webpage;
it merely serves as a way to semantically define a section of text or graphics as an aside. Later
you will see how to position an aside using styles. For now, add the following
<aside>
ele-
ment to your page for later use:
<body>
…
<article>
<header>
<hgroup>
<h1>Our first new Article</h1>
</hgroup>
</header>
<section>
<h1>Section 1</h1>
<p>Some details about section 1</p>
<aside>Did you know that 7/10 is 70%</aside>
</section>
<section>
<h1>Section 2</h1>
</section>
</article>
…
</body>
This HTML code produces the output in Figure 1-7:
FIGURE 1-7
Using an
<aside>
element within an
<article>
element
Search WWH ::
Custom Search