Strukturni bloki spletne strani v HTML

Strukturni bloki spletne strani imajo standardna imena. Zgornji del spletne strani se imenuje header, spodnji del - footer, glavni del z besedilom - content, stranski del pa - sidebar. Skupni blok, v katerem je nameščena celotna spletna stran, se imenuje 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>

Pogosto glavno besedilo in stranske plošče združijo v enem samem bloku z imenom 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>

Sidebarja ni nujno en sam. Pogosto na spletnih straneh naredijo dva sidebarja - enega levo od vsebine, drugega pa - desno:

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>