บล็อกโครงสร้างของเว็บไซต์ใน HTML
บล็อกโครงสร้างของเว็บไซต์มีชื่อเรียกมาตรฐาน
ส่วนบนของเว็บไซต์เรียกว่า
header, ส่วนล่าง - footer, ส่วนหลัก
ที่มีเนื้อหา - content, และส่วนด้านข้าง
- sidebar. และบล็อกทั่วไปที่วางตำแหน่ง
เว็บไซต์ทั้งหมดไว้เรียกว่า wrapper:
<div id="wrapper">
<div id="header">
ส่วนหัว
</div>
<div id="content">
เนื้อหา
</div>
<div id="sidebar">
แถบด้านข้าง
</div>
<div id="footer">
ส่วนท้าย
</div>
</div>
บ่อยครั้งเนื้อหาหลักและแถบด้านข้างจะถูกรวมไว้
ในบล็อกเดียวกันที่มีชื่อว่า container:
<div id="wrapper">
<div id="header">
ส่วนหัว
</div>
<div id="container">
<div id="content">
เนื้อหา
</div>
<div id="sidebar">
แถบด้านข้าง
</div>
</div>
<div id="footer">
ส่วนท้าย
</div>
</div>
แถบด้านข้างอาจมีมากกว่าหนึ่ง บ่อยครั้งเว็บไซต์ มีแถบด้านข้างสองแถบ - หนึ่งแถบอยู่ด้านซ้ายของเนื้อหา และอีกแถบอยู่ด้านขวา:
<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>
