올바른 Sectioning Elements 사용 방법

김버그님의 ‘HTML/CSS는 재밌다’ 강의 내용을 바탕으로 공부 내용을 정리한 글입니다.

1. Sectioning Element란?

• 정의: 하나의 ‘단원'을 나타내는 태그
• 종류 4가지: <section>, <article>, <aside>, <nav>

2. Sectioning Elements 사용 시 공통적으로 지켜야 할 규칙

단원에는 ‘제목’이 있어야 한다.

• Sectioning Elements 내부에는 반드시 heading 태그(h1 ~ h6)가 들어가야 함. 따라서 <nav> 안에도 제목 태그가 반드시 들어가야 웹에 이게 무슨 navigation인지 정보를 전달할 수 있다. 어차피 사용자에게 안보여지게 하는 건 css로 처리하면 됨.