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>

සයිඩ්බාර් එකක් පමණක් නොවිය හැක. බොහෝ විට වෙබ් අඩවි වල සයිඩ්බාර් දෙකක් සාදනු ලැබේ - එකක් අන්තර්ගතයේ වම් පසින්, සහ දෙවැන්න - දකුණු පසින්:

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