Sivuston rakenteelliset lohkot HTML:ssä
Sivuston rakenteellisilla lohkoilla on standardoidut
nimet. Sivuston yläosaa kutsutaan
header, alaosaa - footer, pääasiallista
osaa tekstillä - content, ja sivuosaa -
sidebar. Ja yleistä lohkoa, jossa koko
sivusto sijaitsee, kutsutaan 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>
Usein pääteksti ja sivupaneelit yhdistetään
yhteen lohkoon nimeltä 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>
Sivupaneelia ei välttämättä ole vain yksi. Usein sivustoilla tehdään kaksi sivupaneelia - yksi sisällön vasemmalla puolella, ja toinen - oikealla:
<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>