KO

Page 3: Navigation & Supplementary <nav>, <aside>

3. Structural Elements: <nav> and <aside>

These tags clearly define the areas within a web document responsible for navigation functionality and supplementary information.

3.1. <nav> Tag

<nav> is used for sections that contain major navigational links for the document or website. It should be restricted to primary navigational links, not every list of links.

<nav>
    <ul>
        <li><a href="/">Home</a></li>
        <li><a href="/about">About</a></li>
        <li><a href="/contact">Contact</a></li>
    </ul>
</nav>

3.2. <aside> Tag

<aside> contains content that is only indirectly related to the primary content (e.g., <main>, <article>). This often includes sidebars, advertisements, or related links.

<main>
    <article>
        <h1>Blog Post</h1>
        <p>...</p>
    </article>
    <aside>
        <h3>Author Information</h3>
        <p>This post was written by Jane Doe.</p>
    </aside>
</main>
Contact Us