HTML အကိုးအကား

အက္ခရာဖြင့် HTML HTML အမျိုးအစားအလိုက် HTML Browser ပံ့ပိုးမှု HTML အရည်အချင်းများ HTML ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ HTML ပွဲများ HTML အရောင်များ HTML Canvas HTML အသံ/ဗီဒီယို HTML အက္ခရာအစုံများ HTML Doctypes HTML URL ကုဒ် HTML ဘာသာစကားကုဒ်များ HTML နိုင်ငံကုဒ်များ HTTP မက်ဆေ့ခ်ျများ HTTP နည်းလမ်းများ PX မှ EM Converter ကီးဘုတ်ဖြတ်လမ်းများ


HTML <header> Tag


ဥပမာ

<article> တစ်ခုအတွက် ခေါင်းစီးတစ်ခု-

<article>
  <header>
    <h1>A heading here</h1>
    <p>Posted by John Doe</p>
    <p>Some additional information here</p>
  </header>
  <p>Lorem Ipsum dolor set amet....</p>
</article>

အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။


အဓိပ္ပါယ်နှင့် အသုံးပြုမှု

ဒြပ်စင် သည် <header>မိတ်ဆက်အကြောင်းအရာအတွက် ကွန်တိန်နာတစ်ခု သို့မဟုတ် လမ်းကြောင်းပြခြင်းဆိုင်ရာ လင့်ခ်အစုံကို ကိုယ်စားပြုသည်။

<header>ဒြပ်စင် တစ်ခုတွင် ပုံမှန်အားဖြင့်-

  • တစ်ခု သို့မဟုတ် တစ်ခုထက်ပိုသော ခေါင်းစီးအစိတ်အပိုင်းများ (<h1> - <h6>)
  • လိုဂို သို့မဟုတ် အိုင်ကွန်
  • စာရေးသူအချက်အလက်

မှတ်ချက်-<header> HTML စာရွက်စာတမ်းတစ်ခုတွင် ဒြပ်စင် များစွာ ပါရှိနိုင်သည်။ သို့ရာတွင်၊ <header><footer>၊ <address> သို့မဟုတ် အခြား <header>ဒြပ်စင်တစ်ခုအတွင်း၌ ထားရှိ၍မရပါ။


Browser ပံ့ပိုးမှု

ဇယားရှိ နံပါတ်များသည် ဒြပ်စင်ကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။

Element
<header> 5.0 9.0 4.0 5.0 11.1


ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ

<header>tag သည် HTML တွင် Global Attributes ကို ပံ့ပိုး ပေးပါသည်။


ဖြစ်ရပ်ဂုဏ်တော်များ

<header>tag သည် HTML ရှိ Event Attributes ကိုလည်း ပံ့ပိုး ပေးပါသည်


နောက်ထပ် ဥပမာများ

ဥပမာ

စာမျက်နှာ ခေါင်းစီး-

<header>
  <h1>Main page heading here</h1>
  <p>Posted by John Doe</p>
</header>

ဆက်စပ်စာမျက်နှာများ

HTML DOM ရည်ညွှန်းချက်- ခေါင်းစီးအရာဝတ္ထု


မူရင်း CSS ဆက်တင်များ

ဘရောက်ဆာအများစုသည် <header>အောက်ဖော်ပြပါ ပုံသေတန်ဖိုးများဖြင့် အစိတ်အပိုင်းကို ပြသလိမ့်မည်-

header {
  display: block;
}