❓ 구조적으로 문서를 설계한다는 게 정확히 무슨 뜻일까?

• 브라우저의 구조를 쉽게 파악할 수 있게 HTML을 Markup 하는 것
• 글의 전개와 흐름 파악 -> 정보의 위계질서 파악

브라우저는 인간의 언어를 이해할 수 없기 때문에,
검색최적화를 위해서라도 구조적인 웹 문서 설계는 필수!

✍️ Sectioning elements

⭐ section     ⭐ article     ⭐ nav     ⭐ aside

🔥 공통적으로 지켜야할 rule 🔥

• Sectioning elements 는 단원을 여는 것이다
• 단원의 주제에는 제목이 존재한다
• Sectioning element 내에는 반드시 heading 태그를 작성한다

<section>
  <h1>섹션의 제목</h1>
  <p>...</p>
</section>

<nav>
  <!-- 우리의 눈에 보이지 않을지라도 작성을 해준다. -->
  <h1 class="sr-only">메뉴</h1>
  <ul>
    <li>
      <a href="#">링크</a>
    </li>
  </ul>
</nav>