Blocs structurels d'un site en HTML

Les blocs structurels d'un site ont des noms standardisés. La partie supérieure du site s'appelle header, la partie inférieure - footer, la partie principale avec le texte - content, et la partie latérale - sidebar. Et le bloc général, dans lequel le site entier est situé, s'appelle 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>

Souvent, le texte principal et les barres latérales sont combinés dans un seul bloc appelé 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>

Il peut y avoir plus d'une barre latérale. Souvent, les sites ont deux barres latérales - une à gauche du contenu, et l'autre à droite :

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