SyntaxStudy
Sign Up

<aside>

tag HTML5

Represents content tangentially related to the main content, such as a sidebar.

Syntax

<aside> ... </aside>

Example

html
<div class="layout">
    <main>
        <article><h1>Main Article</h1><p>...</p></article>
    </main>
    <aside>
        <h2>Related Articles</h2>
        <ul>
            <li><a href="/post/2">Related Post 1</a></li>
            <li><a href="/post/3">Related Post 2</a></li>
        </ul>
    </aside>
</div>