Blocchi strutturali di un sito in HTML

I blocchi strutturali di un sito hanno nomi standard. La parte superiore del sito si chiama header, quella inferiore - footer, la parte principale con il testo - content, e la parte laterale - sidebar. E il blocco generale, in cui è posizionato l'intero sito, si chiama 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>

Spesso il testo principale e le barre laterali sono combinati in un unico blocco chiamato 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>

Potrebbe non esserci una sola sidebar. Spesso i siti hanno due sidebar: una a sinistra del contenuto e l'altra a destra:

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>