HTML'de Web Sitesi Yapısal Blokları

Web sitesi yapısal bloklarının standart isimleri vardır. Sitenin üst kısmına header, alt kısmına footer, ana metin kısmına content, yan kısma ise sidebar denir. Tüm sitenin yer aldığı genel bloğa ise wrapper denir:

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

Genellikle ana metin ve yan paneller, container adı verilen tek bir blokta birleştirilir:

<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 birden fazla olabilir. Genellikle sitelerde iki sidebar bulunur - biri içeriğin solunda, diğeri ise sağında:

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