HTMLдеги вебсайттин структуралык блоктору

Вебсайттын структуралык блоктору стандарттуу аталыштарга ээ. Сайттын жогорку бөлүгү header (баштык), төмөнкү бөлүгү - footer (буттама), негизги текст бөлүгү - content (мазмун), ал эми каптал бөлүгү - sidebar (каптал панели) деп аталат. Бүтүндөй сайт орнотулган жалпы блок wrapper (орагыч) деп аталат:

html<div id="wrapper">
  <div id="header">
    баштык
  </div>
  <div id="content">
    мазмун
  </div>
  <div id="sidebar">
    каптал панели
  </div>
  <div id="footer">
    буттама
  </div>
</div>

Көбүнчө негизги текст жана каптал панелдер бир container (контейнер) деген блокто бириктирилет:

html<div id="wrapper">
  <div id="header">
    баштык
  </div>
  <div id="container">
    <div id="content">
      мазмун
    </div>
    <div id="sidebar">
      каптал панели
    </div>
  </div>
  <div id="footer">
    буттама
  </div>
</div>

Каптал панели бир эле боло бербейт. Көп сайттарда эки каптал панели болот - бири мазмундун сол жагында, экинчиси - оң жагында:

html<div id="wrapper">
  <div id="header">
    баштык
  </div>
  <div id="container">
    <div id="left">
      сол каптал панели
    </div>
    <div id="content">
      мазмун
    </div>
    <div id="right">
      оң каптал панели
    </div>
  </div>
  <div id="footer">
    буттама
  </div>
</div>