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>