HTML ရှိ စာသားအပိုင်းများအတွက် span tag

ဥပမာအားဖြင့်၊ စာသားအပိုင်းတစ်ခုကို ထူထူလုပ်ရန် အတွက် b tag ကို အသုံးပြုရမည်ကို သင်သိပြီးဖြစ်ပါသည်။ သို့သော်၊ စာသားအပိုင်းတစ်ခုကို အနီရောင်အဖြစ် ပြောင်းလဲချင်လျှင် ဘာလုပ်ရမည်နည်း။ ထိုကဲ့သို့သော အခြေအနေအတွက် b tag ကဲ့သို့ tag တစ်ခု မရှိပါ။

သို့သော် အထူး span tag ရှိပါသည်။ ၎င်းကိုယ်တိုင် ဘာမှလုပ်ဆောင်ခြင်းမရှိသော်လည်း၊ ၎င်းပေါ်တွင် CSS style များကို အသုံးပြု၍ စာသားအပိုင်းတစ်ခုအား လိုချင်သောအကျိုးသက်ရောက်မှုကို ပေါင်းထည့်နိုင်ပါသည်။

ဥပမာတစ်ခုဖြင့် ကြည့်ရှုကြပါစို့။ ကျွန်ုပ်တို့တွင် စာသားတစ်ခုရှိသည်ဆိုပါစို့။

html<p>
  This is a paragraph with text.
</p>

"text" ဟူသော စကားလုံးကို အနီရောင်ဖြစ်စေလိုသည်ဆိုပါစို့။ ထိုသို့ဖြစ်စေရန် ထိုစာသားအပိုင်းကို span tag ဖြင့် ဝန်းရံပြီး ထို tag အား class တစ်ခုခု ပေးပါမည်။

html<p>
  This is a paragraph with <span class="red">text</span>.
</p>

ယခုတွင် ထို class ရှိသော element ကို အနီရောင်အဖြစ် ပြောင်းလဲမည်။

css.red {
  color: red;
}

html<p>
  Lorem ipsum <span class="xxx">dolor sit</span> amet.
</p>
<p>
  <span class="xxx">Lorem ipsum</span> dolor sit amet.
</p>