บล็อกโครงสร้างของเว็บไซต์ใน 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>