<aside>
Description
<aside> is for SideBar.
The <aside> element marks the surrounding elements.
It could be some additional background, a set of links to related articles, and so on.
Example
The following code uses aside to mark up a
"Related Links" section.
<!DOCTYPE html> // ww w .j a v a2 s .c om
<html>
<body>
<article>
<header>
<h1>HTML5</h1>
</header>
<p><strong>This is a title.</strong> ?</p>
...
</article>
<aside>
<h2>Related links</h2>
<nav>
<ul>
<li><a href="#">HTML4</a></li>
<li><a href="#">CSS3</a></li>
<li><a href="#">JavaScript</a></li>
</ul>
</nav>
</aside>
</body>
</html>
aside inside an article element
<!DOCTYPE HTML> /*from w ww. j a v a2 s.co m*/
<html>
<body>
<article>
<header>
<hgroup>
<h1>H1</h1>
<h2>H2</h2>
</hgroup>
</header>
<aside>
<h1>Sidebar H1</h1>
<section>
<p>This is a paragraph. </p>
</section>
</aside>
</article>
</body>
</html>