Header, Nav, Main, Footer

စိတ်လျှော့ပါ။ ဒီခန်းကို စာအုပ်လိုမဟုတ်ဘဲ စကားပြောသလိုပဲ၊ နားလည်လွယ်အောင် ရှင်းပါမယ်။

Modern website တစ်ခုမှာ အောက်ပါ semantic tags တွေကို မကြာခဏသုံးပါတယ်။

<header> — page/section ခေါင်းပိုင်း
<nav> — navigation links
<main> — page ရဲ့အဓိက content
<section> — topic အလိုက် section
<article> — သီးခြားဖတ်လို့ရတဲ့ article/post/card
<aside> — sidebar/extra content
<footer> — footer information

html

<header>
  <h1>My Website</h1>
  <nav><a href="#home">Home</a> <a href="#about">About</a></nav>
</header>
<main>
  <section id="about">
    <h2>About Us</h2>
    <p>Main content goes here.</p>
  </section>
</main>
<footer>
  <p>&copy; 2026 My Website</p>
</footer>

You should see

Website layout ကို semantic structure နဲ့တည်ဆောက်ထားတာမြင်ရပါမယ်။