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가 의미 없는 태그에 가깝다.