Blok Struktural Situs dalam HTML

Blok struktural situs memiliki nama-nama standar. Bagian atas situs disebut header, bagian bawah - footer, bagian utama dengan teks - content, dan bagian samping - sidebar. Dan blok umum, di mana seluruh situs ditempatkan disebut 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>

Seringkali teks utama dan panel samping digabungkan dalam satu blok dengan nama 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 bisa saja tidak hanya satu. Seringkali di situs-situs dibuat dua sidebar - satu di sebelah kiri konten, dan yang kedua - di sebelah kanan:

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>