Semantic HTML ဆိုတာ tag ကို အဓိပ္ပာယ်အလိုက်သုံးတာပါ။ <div> တစ်ခုတည်းနဲ့အရာအားလုံးဆောက်လို့ရပေမယ့် code ဖတ်တဲ့ developer, search engine, screen reader အားလုံးကို ခက်စေပါတယ်။
<header>, <main>, <article> လို semantic tags တွေက “ဒီနေရာက ဘာအပိုင်းလဲ” ကိုရှင်းရှင်းပြပါတယ်။
html
<!-- Less meaningful -->
<div class="top"></div>
<div class="content"></div>
<!-- More meaningful -->
<header></header>
<main></main>You should see
Visual အနေနဲ့တူနိုင်ပေမယ့် code meaning ကပိုရှင်းသွားပါမယ်။