Browser ဘယ်လိုဖတ်လဲ

Browser က HTML ကို အပေါ်ကနေအောက်ထိ ဖတ်ပြီး DOM (Document Object Model) လို့ခေါ်တဲ့ page tree တစ်ခုတည်ဆောက်ပါတယ်။ အဲ့ဒီ tree ပေါ်မူတည်ပြီး screen ပေါ်မှာ content တွေကို ပြပါတယ်။

Tag ဖွင့်ပြီးမပိတ်တာ၊ nesting မှားတာတွေက browser ကို “ဒီစားပွဲပေါ်က ဟင်းပန်းကန် ဘယ်ဟာနဲ့ဘယ်ဟာတွဲလဲ” ဆိုပြီး ခေါင်းရှုပ်စေပါတယ်။ Browser တချို့ကပြန်ပြင်ပေးပေမယ့် professional code မှာ structure သန့်ဖို့လိုပါတယ်။

<!-- Browser reads this as a tree -->
<section>
  <h2>About Me</h2>
  <p>I am learning HTML step by step.</p>
</section>

section ထဲမှာ heading နဲ့ paragraph တို့ကို အုပ်စုတစ်ခုအဖြစ် browser နားလည်ပါမယ်။