less than 1 minute read

Content sectioning

  • 문서의 콘텐츠를 논리적인 조각으로 체계화할 수 있음
  1. <address>: 연락처 정보
  2. <article>: 독립적으로 구분해 배포하거나 재사용할 수 있는 구획
  3. <aside>: 문서의 주요 내용과 간접적으로 연관된 부분. 주로 사이드바 혹은 콜아웃 박스로 표현
  4. <footer>: 가장 가까운 section content, section root의 footer. 일반적으로 section의 작성자, 저작권 정보, 관련 문서 등의 내용을 담음.
  5. <header>: 소개 및 탐색에 도움을 주는 콘텐츠. 제목, 로고, 검색 폼, 작성자 이름 등의 요소 포함가능.
  6. <h1> ~ <h6>: 6단계의 구획 제목
  7. <main>: 주요 콘텐츠
  8. <nav>: 현재 페이지 내, 또는 다른 페이지로의 링크를 보여주는 구획
  9. <section>: 독립적인 구획, 더 적합한 의미를 가진 요소가 없을 때 사용

Tags: ,

Categories:

Updated: