Կայքի կառուցվածքային բլոկները 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>