Strukturalne bloki strony w HTML

Strukturalne bloki strony mają standardowe nazwy. Górna część strony nazywa się header, dolna - footer, główna część z tekstem - content, a boczna część - sidebar. A ogólny blok, w którym znajduje się cała strona, nazywa się 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>

Często główny tekst i panele boczne są łączone w jednym bloku o nazwie 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>

Sidebar może być nie jeden. Często na stronach robi się dwa sidebary - jeden po lewej stronie treści, a drugi - po prawej:

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