article tag
article tag သည် အင်တာနက် စာမျက်နှာ၏ လွတ်လပ်ပြီး မိမိဘာသာ ပြည့်စုံသော (self-contained) ဘလော့ခ်များအတွက် ရည်ရွယ်ပါသည်။ ၎င်းတို့ကို သီးခြား စာမျက်နှာအဖြစ် အသုံးပြုနိုင်ပါသည်။
ဥပမာ၊ သင့်တွင် ဆောင်းပါးများ ပါဝင်သော ဝက်ဘ်ဆိုဒ်ရှိပါက၊ ထိုဆောင်းပါးကို ဤ tag အတွင်း ထည့်သွင်းနိုင်ပါသည်။ သင့်တွင် အသုံးပြုသူများ၏ မှတ်ချက်များ (comments) ရှိပါက၊ ထိုမှတ်ချက်တစ်ခုစီကို ဤ tag အတွင်း ထည့်သွင်းနိုင်ပါသည်။
ဤသို့ဖြစ်ရာတွင်၊ သင့်တွင် ဝက်ဘ်ဆိုဒ်၏ အဓိက အကြောင်းအရာ (content) အတွက် main tag ရှိပါက၊ article ကို main အတွင်း ထားရှိနိုင်သော်လည်း၊ ပြောင်းပြန် မဟုတ်ပါ။
ဥပမာ
ဆောင်းပါး၏ စာသားကို article tag ဖြင့် ဖော်ပြကြပါစို့။
<div id="wrapper">
<header>
...
</header>
<main>
<article>
<h1>ခေါင်းစဉ်</h1>
<p>
စာသား
</p>
<p>
စာသား
</p>
</article>
</main>
<footer>
...
</footer>
</div>
ဥပမာ
တင်ချက်များ (posts) ကို article tag များဖြင့် ဖော်ပြကြပါစို့။
<div id="wrapper">
<header>
...
</header>
<main>
<h1>တင်ချက်အသစ်များ</h1>
<article>
<h2>တင်ချက် ၁</h2>
<p>
စာသား
</p>
<p>
စာသား
</p>
</article>
<article>
<h2>တင်ချက် ၂</h2>
<p>
စာသား
</p>
<p>
စာသား
</p>
</article>
</main>
<footer>
...
</footer>
</div>
ဆက်လက်ဖတ်ရှုရန်
-
ဝက်ဘ်ဆိုဒ် ဘလော့ခ်များကို အုပ်စုဖွဲ့ပေးသော
sectiontag -
ဝက်ဘ်ဆိုဒ်၏ အပေါ်ပိုင်း (header) ကို သတ်မှတ်ပေးသော
headertag -
ဝက်ဘ်ဆိုဒ်၏ အောက်ပိုင်း (footer) ကို သတ်မှတ်ပေးသော
footertag -
ဝက်ဘ်ဆိုဒ်၏ အဓိက အပိုင်း (main content) ကို သတ်မှတ်ပေးသော
maintag -
ဝက်ဘ်ဆိုဒ်၏ အဓိက မီနူး (main navigation) ကို သတ်မှတ်ပေးသော
navtag -
ဝက်ဘ်ဆိုဒ်၏ ဘေးထွက် အပိုင်း (aside content) ကို သတ်မှတ်ပေးသော
asidetag