Veebilehe struktuuriblokid HTML-is

Veebilehe struktuuriblokidel on standardsed nimetused. Veebilehe ülemist osa nimetatakse header, alumist osa - footer, põhilist osat tekstiaga - content ja külgosa - sidebar. Kogu veebilehte ümbritsevat üldist blokki nimetatakse wrapper:

html<div id="wrapper">
  <div id="header">
    päis
  </div>
  <div id="content">
    sisu
  </div>
  <div id="sidebar">
    külgriba
  </div>
  <div id="footer">
    jalus
  </div>
</div>

Sageli kombineeritakse põhitekst ja külgribad ühes blokis nimega container:

html<div id="wrapper">
  <div id="header">
    päis
  </div>
  <div id="container">
    <div id="content">
      sisu
    </div>
    <div id="sidebar">
      külgriba
    </div>
  </div>
  <div id="footer">
    jalus
  </div>
</div>

Külgriba ei pruugi olla ainult üks. Sageli tehakse veebilehtedele kaks külgriba - üks sisust vasakul ja teine - paremal:

html<div id="wrapper">
  <div id="header">
    päis
  </div>
  <div id="container">
    <div id="left">
      vasak külgriba
    </div>
    <div id="content">
      sisu
    </div>
    <div id="right">
      parem külgriba
    </div>
  </div>
  <div id="footer">
    jalus
  </div>
</div>