Štrukturálne bloky stránky v HTML

Štrukturálne bloky stránky majú štandardné názvy. Horná časť stránky sa nazýva header, spodná - footer, hlavná časť s textom - content, a bočná časť - sidebar. A všeobecný blok, v ktorom je umiestnená celá stránka, sa nazýva wrapper:

html<div id="wrapper">
  <div id="header">
    header
  </div>
  <div id="content">
    content
  </div>
  <div id="sidebar">
    sidebar
  </div>
  <div id="footer">
    footer
  </div>
</div>

Hlavný text a bočné panely sa často spájajú v jednom bloku s názvom container:

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

Sidebar nemusí byť len jeden. Na stránkach sa často vytvárajú dva sidebary - jeden naľavo od obsahu, a druhý - napravo:

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