HTML4에서의 문서 구조 - by. UXKM
HTML4에서의 문서 구조 설명
문서의 구조, 즉 <body>와 </body> 사이에 있는 것의 의미론적 구조는 페이지 내용을 사용자에게 전달하는 데 중요한 토대가 됩니다.
HTML4에선 일종의 섹션과 그 하위 섹션으로 구분하는 개념을 써서 문서의 구조를 표현합니다.
섹션은 HTML <div> 요소와 함께 그 안에 있는
제목을 정의하는 HTML 제목 요소(<h1> ~ <h6>)를 써서 정의됩니다.
이런 HTML 구획 요소와 HTML 제목 요소의 관계가 문서의 구조와 그 아웃라인을 결정짓게 됩니다.
보통 <div> 요소로 레이아웃 구조를 표현합니다.
HTML4 기본 레이아웃
HTML4 콘텐츠 기본 구조1
위의 구조는 다음과 같은 문서 아웃라인을 가지게 됩니다.
1. HTML
1.1 HTML 이란?
HTML4 콘텐츠 기본 구조2
위와 같이 새로운 섹션을 정의할 때
위의 구조는 다음과 같은 문서 아웃라인을 가지게 됩니다.
<div> 요소가 꼭 필요한 것은 아닙니다. 단순히 HTML 제목 요소만 있으면 새로운 섹션이 시작됨을 자동으로 암시해 줍니다.위의 구조는 다음과 같은 문서 아웃라인을 가지게 됩니다.
1. HTML
1.1 HTML 이란?
1.2 HTML 기본구조
2. CSS