Структурни блокове на сайта в HTML

Структурните блокове на сайта имат стандартни названия. Горната част на сайта се нарича header, долната - footer, основната част с текст - content, а страничната част - sidebar. А общият блок, в който е разположен целият сайт, се нарича 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>

Често основният текст и страничните панели се обединяват в един блок с име 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-ът може да не е един. Често на сайтове се правят два sidebar-а - един вляво от съдържанието, а вторият - вдясно:

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>