A weboldal szerkezeti blokkjai HTML-ben

A weboldal szerkezeti blokkjainak szabványos elnevezései vannak. A weboldal felső részét header-nek, az alsó részt footer-nek, a szöveget tartalmazó fő részt content-nek, az oldalsó részt pedig sidebar-nek nevezzük. Az a közös blokk, amelyben a teljes weboldal elhelyezkedik, pedig 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>

A fő szöveget és az oldalsó sávokat gyakran egy container nevű blokkba egyesítik:

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>

Lehet, hogy nem csak egy oldalsáv van. A weboldalakon gyakran két oldalsávot készítenek - egyet a tartalomtól balra, a másikat pedig jobbra:

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>