페이지 3: 탐색 및 보조 콘텐츠 <nav>, <aside>

3. 구조적 요소: <nav>와 <aside>

이 태그들은 웹 문서 내에서 탐색 기능과 보조적인 정보를 담는 역할을 명확히 정의합니다.

3.1. <nav> 태그

<nav>는 문서나 웹사이트의 주요 탐색 링크를 포함하는 영역에 사용됩니다. 모든 링크 목록에 <nav>를 사용할 필요는 없으며, 주요 탐색 링크에만 한정해야 합니다.

<nav>
    <ul>
        <li><a href="/">홈</a></li>
        <li><a href="/about">소개</a></li>
        <li><a href="/contact">연락처</a></li>
    </ul>
</nav>

3.2. <aside> 태그

<aside>는 주요 콘텐츠(e.g., <main>, <article>)와 간접적으로만 관련이 있는 콘텐츠를 담습니다. 예를 들어, 사이드바, 광고, 관련 링크 등이 있습니다.

<main>
    <article>
        <h1>블로그 포스트</h1>
        <p>...</p>
    </article>
    <aside>
        <h3>작성자 정보</h3>
        <p>이 포스트는 Jane Doe가 작성했습니다.</p>
    </aside>
</main>