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>

サイドバーは一つとは限りません。多くのウェブサイトでは、コンテンツの左側と右側の2つのサイドバーが設けられます：

<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>