Vifungu vya Muundo wa Tovuti katika HTML

Vifungu vya muundo wa tovuti vina majina ya kawaida. Sehemu ya juu ya tovuti inaitwa header, sehemu ya chini - footer, sehemu kuu yenye maandishi - content, na sehemu ya upande - sidebar. Na kizuizi cha jumla, ambacho tovuti nzime imewekwa, kinaitwa wrapper:

html<div id="wrapper">
  <div id="header">
    kichwa
  </div>
  <div id="content">
    yaliyomo
  </div>
  <div id="sidebar">
    upande
  </div>
  <div id="footer">
    footer
  </div>
</div>

Mara nyingi maandishi ya kimsingi na paneli za upande huchanganywa katika kizuizi kimoja kinachoitwa container:

html<div id="wrapper">
  <div id="header">
    kichwa
  </div>
  <div id="container">
    <div id="content">
      yaliyomo
    </div>
    <div id="sidebar">
      upande
    </div>
  </div>
  <div id="footer">
    footer
  </div>
</div>

Sidebar inaweza kuwa si moja. Mara nyingi kwenye tovuti hufanywa sidebar mbili - moja upande wa kushoto wa yaliyomo, na ya pili - upande wa kulia:

html<div id="wrapper">
  <div id="header">
    kichwa
  </div>
  <div id="container">
    <div id="left">
      upande wa kushoto
    </div>
    <div id="content">
      yaliyomo
    </div>
    <div id="right">
      upande wa kulia
    </div>
  </div>
  <div id="footer">
    footer
  </div>
</div>