HTML တွင် ဝဘ်ဆိုဒ်၏ ဖွဲ့စည်းပုံအခြေခံဘလောက်များ

ဝဘ်ဆိုဒ်၏ ဖွဲ့စည်းပုံအခြေခံဘလောက်များတွင် စံသတ်မှတ်ထားသော အမည်များရှိသည်။ ဆိုဒ်၏ အပေါ်ပိုင်းကို header၊ အောက်ပိုင်းကို footer၊ စာသားပါဝင်သော အဓိကအပိုင်းကို content၊ နှင့် ဘေးဘက်အပိုင်းကို sidebar ဟုခေါ်ပြီး ဆိုဒ်တစ်ခုလုံးတည်ရှိရာ အထွေထွေဘလောက်ကိုမူ 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>

မကြာခဏဆိုသလို အဓိကစာသားနှင့် ဘေးဘက်ပြားများကို container ဟူသော အမည်ရှိ ဘလောက်တစ်ခုတည်းတွင် ပေါင်းစည်းထားတတ်သည်။

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>

Sidebar တစ်ခုထက်ပိုပြားနိုင်သည်။ ဝဘ်ဆိုဒ်များတွင် sidebar နှစ်ခုပြုလုပ်လေ့ရှိသည် - တစ်ခုမှာ content ၏ ဘယ်ဘက်တွင်၊ နောက်တစ်ခုမှာ ညာဘက်တွင်ဖြစ်သည်။

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>