# 03 Content Section

* 브라우저에 의미를 가지는 tag
* 추천하는 방식

1. h1\~h6 태그
   * 문서의 정보 계층을 구조화한다.
   * 제목 단계를 건너 뛰지 않도록 하자.
   * font-size를 위해 숫자를 조절하지 말자.
   * font-size는 css로 컨트롤 할 것!
   * 첫번째 단계(h1) 제목은 한 페이지 당 하나만 사용!
2. header: 로고, 제목, 검색 등 (문서 상단)
3. footer: 작성자, 저작권, 관련 문서 등 (문서 하단)
4. main
   * 문서 내부 주요 콘텐츠
   * 블로그에서 핵심 포스트
   * 문서에 하나만 존재해야 한다.(더쓴다면 hidden)
5. article
   * **독립적**으로 구분되거나 **재사용** 가능한 영역 설정(매거진/ 신문기사, 블로그 등)
     * 일반적으로 h1\~h6를 포함하여 식별
     * 작성일자, 시간: 의 datetime 속성
6. section
   * 문서의 일반적인 영역 설정
   * 일반적으로 h1\~h6 포함하여 식별
7. aside
   * 문서의 별도 컨텐츠 ( 광고, 기타링크 )
8. nav
   * 다른페이지 링크를 제공하는 영역(navigation, 보통 메뉴 html, about, contact, 목차, 색인 등)
9. Address
   * 연락처 정보를 제공하기 위해 포함하여 사용
10. div
    * 의미 X, 꾸미는 목적, 아무것도 나타내지 않는 콘텐츠 영역
11. 참고
    * div< section < article
    * div가 의미 없는 태그에 가깝다.
