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:
<h1>Our first new Article</h1>
<h1>Section 1</h1>
<p>Some details about section 1</p>
<aside>Did you know that 7/10 is 70%</aside>
<h1>Section 2</h1>
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