Blocuri structurale ale site-ului în HTML

Blocurile structurale ale site-ului au denumiri standard. Partea superioară a site-ului se numește header, partea inferioară - footer, partea principală cu textul - content, iar partea laterală - sidebar. Iar blocul general, în care este situat întregul site, se numește 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>

Deseori textul principal și panourile laterale sunt unite într-un singur bloc cu denumirea 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>

Poate exista mai mult de un sidebar. Adesea pe site-uri se fac două sidebare - unul în stânga conținutului, iar al doilea - în dreapta:

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