Blocuri structurale ale site-ului în HTML

Blocurile structurale ale site-ului au denumiri standard. Partea superioară a site-ului se numește header, partea inferioară - footer, partea principală cu textul - content, iar partea laterală - sidebar. Iar blocul general, în care este situat întregul site, se numește 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>

Deseori textul principal și panourile laterale sunt unite într-un singur bloc cu denumirea 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>

Poate exista mai mult de un sidebar. Adesea pe site-uri se fac două sidebare - unul în stânga conținutului, iar al doilea - în dreapta:

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>