문서 구조화

문서 구조화

본 페이지는 퍼블리싱 작업중 HTML의 표준화를 위해 작성되었습니다.

 HTML5 문서 구조 기본

HTML5에서는 웹 문서를 의미적 요소(semantic element)로 구분하여 문서의 구조를 명확히 합니다. 이를 통해 콘텐츠의 의미와 중요도를 쉽게 파악할 수 있습니다. 주요 의미적 요소들은 다음과 같습니다.

 

  제목 태그 (<h1>~<h6>)

콘텐츠의 구조와 중요도에 따라 제목을 지정하여 계층 구조를 만듭니다.

• <h1> 태그는 페이지당 하나만 사용하며, 가장 중요한 제목으로 설정.
• <h2>~<h6> 태그는 내용의 중요도에 따라 순차적으로 사용.

<h1>페이지 메인 제목</h1> 
<h2>부제목 1</h2>
<h3>소제목 1.1</h3>
<h2>부제목 2</h2>