HTML에서 사이트의 구조적 블록

사이트의 구조적 블록은 표준 명칭을 가지고 있습니다. 사이트의 상단 부분은 header, 하단 부분은 footer, 텍스트가 있는 주요 부분은 content, 그리고 측면 부분은 sidebar라고 부릅니다. 그리고 전체 사이트가 위치한 공통 블록은 wrapper라고 합니다:

<div id="wrapper">
	<div id="header">
		header
	</div>
	<div id="content">
		content
	</div>
	<div id="sidebar">
		sidebar
	</div>
	<div id="footer">
		footer
	</div>
</div>

주요 텍스트와 사이드바는 종종 container라는 하나의 블록으로 결합됩니다:

<div id="wrapper">
	<div id="header">
		header
	</div>
	<div id="container">
		<div id="content">
			content
		</div>
		<div id="sidebar">
			sidebar
		</div>
	</div>
	<div id="footer">
		footer
	</div>
</div>

사이드바는 하나가 아닐 수 있습니다. 종종 사이트에는 콘텐츠 왼쪽에 하나, 오른쪽에 하나씩 두 개의 사이드바를 만듭니다:

<div id="wrapper">
	<div id="header">
		header
	</div>
	<div id="container">
		<div id="left">
			left sidebar
		</div>
		<div id="content">
			content
		</div>
		<div id="right">
			right sidebar
		</div>
	</div>
	<div id="footer">
		footer
	</div>
</div>