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>

साइडबार एक से अधिक भी हो सकते हैं। अक्सर वेबसाइटों पर दो साइडबार बनाए जाते हैं - एक कंटेंट के बाईं ओर, और दूसरा - दाईं ओर:

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>