အဘယ်ကြောင့်ဝေါဟာရရငျးမွစျ HTML ကိုသုံးမလား?

by ဂျနီဖာ Kyrnin

ယနေ့ကျွန်ုပ်တို့ရှိသည်စက်မှုလုပ်ငန်းများအတွက်တာဝန်ရှိကြောင်း Web Standards လှုပ်ရှားမှု၏အရေးပါသောမူအရသူတို့အစားသူတို့က default အားဖြင့် browser မှာပေါ်လာနိုင်ပါသည်ဘယ်လောက်ထက်တွေဘာတွေရှိတယ်ဆိုတာများအတွက် HTML element တွေကိုသုံးပြီး၏စိတ်ကူးသည်။ ဒါဟာဝေါဟာရရငျးမွစျ HTML ကို အသုံးပြု. အဖြစ်လူသိများသည်။

ဝေါဟာရရငျးမွစျက HTML ဆိုတာဘာလဲ

semantic က HTML သို့မဟုတ် semantic markup မဟုတ်ဘဲကိုယ့်တင်ဆက်မှုထက်ဝဘ်စာမျက်နှာအဓိပ်ပာယျကိုမိတ်ဆက်ကြောင့် HTML ကိုဖြစ်ပါတယ်။ ဥပမာ,

tag ပူးတွဲစာသားကိုတစ်အပိုဒ်ကြောင်းဖော်ပြသည်။

ကလူအပိုဒ်တွေဘာတွေရှိတယ်ဆိုတာသိကြနှင့် browser သူတို့ကိုဖော်ပြရန်ဖို့ဘယ်လိုသိသောကြောင့်ဤ semantic နဲ့ပစ္စုပ္ပန်နှစ်ဦးစလုံးဖြစ်ပါတယ်။

သူတို့စာသား (ရဲရင့်သို့မဟုတ်စာလုံးစောင်း) ကိုကြည့်သင့်တယ်နှင့် markup မှမဆိုအပိုဆောင်းအဓိပ္ပာယ်ကိုမပေးပါဘူးသာကိုဘယ်လိုသတ်မှတ်ဘာဖြစ်လို့လဲဆိုတော့ဒီညီမျှခြင်းရဲ့တစ်ဖက်တွင်, နဲ့ သည်နှင့်တူ tags များ, semantic မရှိကြပေ။

semantic က HTML tags များ၏နမူနာ ,
မှတဆင့် header ကို tags များပါဝင်သည်နှင့် ။ သင်တစ်ဦးစံချိန်စံညွှန်းများ-compliant က်ဘ်ဆိုဒ်ကိုတည်ဆောက်အဖြစ်အသုံးပြုနိုင်ပိုပြီးအများအပြား semantic က HTML tags များရှိပါသည်။ အဘယ်ကြောင့်သင်က semantic ဂရုစိုကျသငျ့ပါ semantic HTML ကိုရေးသားများ၏အကျိုးအတွက်ဆကျသှယျဖို့ဆန္ဒ page- ဆိုက်ဘ်ဆိုက်၏မောင်းနှင်မှုရည်မှန်းချက်ဖြစ်သင့်သောအရာကိုအနေဖြင့်အဓိကအားထား။ သင့်ရဲ့စာရွက်စာတမ်းမှ semantic tags များထည့်သွင်းခြင်းအားဖြင့်, သင်သည်ဆက်သွယ်ရေးအတွက်အထောက်အကူသောအရာစာရွက်စာတမ်းခန့်အပိုဆောင်းသတင်းအချက်အလက်ပေး။ အထူးသ semantic tags များဟာစာမျက်နှာ၏အဓိပ္ပာယ်ကိုနှင့်၎င်း၏အကြောင်းအရာသည်အဘယ်အရာကို browser ကရှင်းရှင်းလင်းလင်းပါစေ။ ဒါကရှင်းလင်းပြတ်သားကိုလည်းလက်ျာစာမျက်နှာများကိုလက်ျာမေးမြန်းချက်အဘို့ကိုအပ်ဖြစ်ကြောင်းသေချာ, ရှာအင်ဂျင်နှင့်မဆက်ဆံသည်။ semantic က HTML tags များပဲသူတို့တစ်တွေစာမျက်နှာပေါ်တွင်ကြည့်ရှုပုံကိုကျော်လွန်သွားသောသူတို့ tags များရဲ့ contents အကြောင်းသတင်းအချက်အလက်ပေး။ အဆိုပါ tag ကိုခကျြခငျြးဘာသာစကား coding အချို့ကိုအမျိုးအစားအဖြစ် browser ကိုအသိအမှတ်ပြုတာဖြစ်ပါတယ်အတွက်ပူးတွဲကြောင်းစာသား။ အဲဒီအစားကြောင်းကုဒ်ဆပ်ဖို့ကြိုးစားနေ၏, ထို browser ကိုသငျသညျဆောင်းပါးတစ်ပုဒ်သို့မဟုတ်အချို့သောမျိုးအွန်လိုင်းသင်ခန်းစာ၏ရည်ရွယ်ချက်များအတွက်ကုဒ်၏ဥပမာတစ်ခုအဖြစ်စာသားကိုသုံးပြီးဖြစ်ကြောင်းနားလည်နိုင်သည်။ semantic tags များအသုံးပြုခြင်းသင်သည်သင်၏အကြောင်းအရာ styling ပိုမိုအများကြီးချိတ်ပေးသည်။ ဖြစ်ကောင်းဖြစ်နိုင်ယနေ့သင်သည်သင်၏ကုဒ်နမူနာကို default browser ကိုစတိုင်ဖော်ပြရန်ပေမယ့်မနက်ဖြန်ကိုသင်မီးခိုးရောင်နောက်ခံအရောင်သူတို့နှင့်အတူထွက်မခေါ်ချင်, နောက်ပိုင်းတွင်သင်တိကျသောမိုနို-လှပတဲ့ဖောင်မိသားစုသို့မဟုတ်သတ်မှတ်ချင်ရှိသည်ဖို့ပိုနှစ်သက် font ကို stack များအတွက်သုံးစွဲဖို့ သင့်ရဲ့နမူနာ။ သင်အလွယ်တကူ semantic markup အသုံးပြု. ဤအရာတို့ကိုအပေါငျးတို့သပြုပါနှင့်ပေါ် မူတည်. CSS ကိုလျှောက်ထားနိုင်ပါတယ်။ ဝေါဟာရရငျးမွစျ Tags: မှန်ကန်သုံးပါ သငျသညျတင်ဆက်မှုရည်ရွယ်ချက်များအတွက်အဓိပ္ပာယ်ထက်သိရှိစေရန် semantic tags များအသုံးပြုချင်တဲ့အခါ, သင်ရိုးရှင်းစွာသူတို့၏ဘုံ display ကိုဂုဏ်သတ္တိများများအတွက်မှားယွင်းစွာသူတို့ကိုမသုံးကြဘူးကြောင်းသတိပြုရကြမည်ဖို့လိုအပ်ပါတယ်။ အများဆုံးအလွဲသုံးစား semantic tags များ၏အချို့တို့ပါဝင်သည်: blockquote - တချို့လူတွေကကိုအသုံးပြုဖို့ တစ်ဦး quotation အမဟုတျကွောငျးကိုစာသား indenting များအတွက် tag ကို။ blockquotes default အနေဖြင့်အသစ်မှာအဘယ်ကြောင့်ဆိုသော်ဤသည်ဖြစ်ပါတယ်။ သငျသညျရိုးရှင်းစွာထစ်၏အကျိုးကျေးဇူးများကိုချင်ပေမယ့်စာသားတစ် blockquote မပါရှိလျှင်, အစား CSS ကိုမာဂျင်ကိုအသုံးပြုပါ။ p - တချို့ကက်ဘ်ဆိုက်အယ်ဒီတာများ & nbsp သုံးတတ်၏ (က paragraoph တွင်ပါရှိသော non-ကြေကွဲ space) ကိုအစားကြောင်းစာမျက်နှာ၏စာသားအမှန်တကယ်အပိုဒ် defining ထက်, စာမျက်နှာဒြပ်စင်အကြားအပိုအာကာသကိုထည့်သွင်းဖို့။ ယခင်ကဥပမာ indenting ဖော်ပြခဲ့တဲ့နှင့်ဝသကဲ့သို့, သင်အာကာသ add ဖို့အနားသတ်သို့မဟုတ် padding ကိုစတိုင် property ကိုသုံးသင့်ပါတယ်။ အူလ် - blockquote လိုပဲ, အဲဒီအများဆုံး browser များအတွက်စာသားမယ့် tag ကို Indent အတွင်းပိုင်းစာသားမ enclosing ။ သာ tags များတဲ့ tag ကိုအတွင်းတရားဝင်ဖြစ်သကဲ့သို့ဤနှစ်ဦးစလုံးဝေါဟာရအသုံးအနှုံးမှားယွင်းနေခြင်းနှင့်အကျုံးမက HTML ဖြစ်ပါတယ်။ တစျဖနျ, စာသား Indent ဖို့အနားသတ်သို့မဟုတ် padding ကိုစတိုင်ကိုအသုံးပြုပါ။ h1-h6 - အခေါငျးစဉျအောကျ tags များဖောင့်ပိုကြီးနှင့်ပိုပြီးခက်ခဲတဲ့အောင်ဖို့အသုံးပြုနိုင်ပါတယ်, ဒါပေမယ့်စာသားခေါင်းစဉ်မပါလျှင်, တကခေါင်းစဉ် tag ကိုအထဲမှာမဖြစ်သင့်ပါတယ်။ သင်သည်သင်၏စာမျက်နှာပေါ်တွင်တိကျတဲ့စာသားကို၏အရွယ်အစားသို့မဟုတ်အလေးချိန်ကိုပြောင်းလဲလိုလျှင် font-weight နဲ့ font-size ကို CSS ကိုဂုဏ်သတ္တိများအစားကိုသုံးပါ .. အဓိပ္ပာယ်ကိုရှိသည်သောက HTML tags များအသုံးပြုခြင်းအားဖြင့်, သင်ရုံ tags များနှင့်အတူအရာအားလုံးကိုပတျဝနျးကငျြခွငျးအားဖွငျ့ထက်ပိုမိုသောအချက်အလက်များဖြစ်စေဝေငှကြောင်းစာမကျြနှာကိုဖနျတီး။ ဘယ်က HTML Tags: ဝေါဟာရရငျးမွစျရှိပါသလား နီးပါးတိုင်း HTML4 tag ကိုအပေါငျးတို့ HTML5 ကို tags များတစ်ဦး semantic ဓိပ်ပာယျရှိနေစဉ်, အချို့ tags များသဘာဝတွင်အဓိကအား semantic ဖြစ်ကြသည်။ ဥပမာအားဖြင့်, HTML5 ကို semantic ဖြစ် နဲ့ ကို tags များ၏အဓိပ္ပါယ်ကိုပြန်လည်အနက်အဓိပ္ပါယ်ဖွင်သိရသည်။ tag ကိုအပိုအရေးကြီးပုံကိုသိရှိစေရန်, ဒါပေမယ့်မဟုတ်ဘဲပုံမှန်အားဖြင့်ရဲရင့်အတွက်ပြန်ဆိုကြောင်းစာသားကိုမထားဘူး။ tag ကိုလည်းအပိုအရေးကြီးပုံသို့မဟုတ်အလေးပေးဖော်ပြမထားဘူး, ဒါပေမယ့်မဟုတ်ဘဲပုံမှန်အားဖြင့်စာလုံးစောင်းထဲမှာပြန်ဆိုကြောင်းစာသားကိုသတ်မှတ်ပါတယ်။ semantic က HTML Tags: အကျဉ်း <အတိုကောက်> အတိုကောက် long ကကိုးကား အဓိပ္ပာယ် <လိပ်စာ> စာရွက်စာတမ်းရေးသားသူများအတွက်လိပ်စာ (s) ကို <ကိုးကား> ဆင့်ခေါ်ချက် Code ကိုရည်ညွှန်း လက်နှိပ်စက်စာသားပုံစံ logical ဌာနခွဲ generic inline style ကိုကွန်တိန်နာ Deleted စာသားကို ဖြည့်စွက်စာသားအား အလေးထားချက် ခိုင်မာတဲ့အလေးပေး ပထမဦးစွာအဆင့်ခေါင်းစဉ် second-level ခေါင်းစဉ် third-level ကိုခေါင်းစဉ် စတုတ္ထ-Level ခေါင်းစဉ် ပဉ္စမ-Level ခေါင်းစဉ် ဆဌမ-Level ခေါင်းစဉ် thematic ချိုး စာသားအသုံးပြုသူထဲသို့ဝင်ခံရဖို့ pre-အပြည့်အစုံ က Short inline quotation အ နမူနာ output ကို subscript Superscript variable သို့မဟုတ်အသုံးပြုသူသတ်မှတ်ထားသောစာသားကို Alike posts PDF ဖိုင်မှ HTML ကိုပြောင်းဘို့ 5 ဂရိတ် Tools များ Web Design & Dev မှ က Internet Explorer ၏ဟောငျးဗားရှင်းအတွက် HTML ကို 5 Enable လုပ်ဖို့ HTML5 ကို Shiv အသုံးပြုခြင်း Web Design & Dev မှ HTML ကို၏ကွဲပြားခြားနားသောဗားရှင်းရှိပါတယ် Are အဘယ်ကြောင့်ဒီနေရာမှာင် Web Design & Dev မှ CoffeeCup အခမဲ့ HTML ကို Editor ကိုကိုယ်ရေးဖိုင် Web Design & Dev မှ တစ်ဦး HTML5 ကိုက်ဘ်စာမျက်နှာမှအသံထည့်သွင်းနည်း Web Design & Dev မှ စပိန်ဘာသာစကားကိုဇာတ်ကောင်များအတွက် HTML ကိုကုဒ်များ Web Design & Dev မှ HTML ကို Tag ကိုအဓိပ္ပာယ် Web Design & Dev မှ Safari ကတစ်က်ဘ်စာမျက်နှာရဲ့ HTML ကိုရင်းမြစ် View ကိုဘယ်လို Web Design & Dev မှ တစ်ခုက HTML Space ကို Tag ကိုရှိပါသလော Web Design & Dev မှ See Newest Ethernet cable များနှင့်သူတို့ကအလုပ်ကဘယ်လို အင်တာနက်ကို & ကွန်ယက် သင်က Upgrade အကယ်. သင်ကသင့်ရဲ့အိုင်ပက်မှာ Data သို့မဟုတ် Apps ကပပျောက်သွားလိမ့်မည်? အိုင်ပက် မြို့ပြ 3D ခုနှစ်တွင်ပွိုင့်အဖွဲ့များနှင့်အတူအလုပ်လုပ်ကိုင် Software များ One-to-One ကိုပေါင်းသင်းဆက်ဆံရေး Software များ HoudahSpot 4: တွမ်ရဲ့ Mac ကွန်ပျူတာဆော့ဖ်ဝဲလ် Pick Software ကို & Apps ကပ Adobe က Photoshop ကို CC ကို 2015 ခုနှစ်တွင် brush ကိုသုံးပါပြီးတော့ Create Software များ Sapid posts Google ပင်မကဘာလဲ? နှင့်မက်စ်နှင့် Mini ဘာတွေလဲ? နယူး & Next ကို အဆိုပါအတူတူပါပဲ Volume ကိုမှာ Play မှက MP3 ဖိုင်တွေကိုပုံမှန်လုပ်နည်း ဝက်ဘ် & ရှာရန် Opera Mini Simulator နှင့်အတူကွန်ပျူတာပေါ်တွင် AirG Chat ကို Get Software ကို & Apps ကပ ဘယ်လို Outlook Express အတွက်အလွယ်တကူအီးမေးလ်စာရေးကိရိယာဖန်တီး အီးမေးလ်ပို့ရန် & Messaging ကို Restart သို့မဟုတ်သင့်ရဲ့ Android ကို LG က G စောင့်ကြည့်ရေးအဖွဲ့ကိုဖွင့်မည်လုပ်နည်း အန်းဒရွိုက် Wii Fit Plus အား - ဂိမ်းကိုပြန်လည်ဆန်းစစ်ခြင်း ကုန်ပစ္စည်းပြန်လည်ဆန်းစစ်ချက်များ Epson လုပ်သားအင်အား DS-510 အရောင်စာရွက်စာတမ်း Scanner ကုန်ပစ္စည်းပြန်လည်ဆန်းစစ်ချက်များ ဂျီမေးလ်အတွက်ဘေးထွက်နေဖြင့်အကွိမျမြားစှာ Views စာဘေးထွက်ကိုကြည့်ပါလုပ်နည်း အီးမေးလ်ပို့ရန် & Messaging ကို IPhone နှင့် iPod touch များအတွက်ထိပ်တန်း 9 ကိုယ်ဝန် Apps ကပ Software ကို & Apps ကပ အိုင်ဖုန်းအပေါ်ရုပ်ရှင်ရုပ်ရှင်နှင့်ဗီဒီယိုအကဲခတ် IPhone & iPod တစ်ဦး EX_ ဖိုင်မှတ်တမ်းကဘာလဲ? Windows ကို အောက်မှာ $ 100 2018 ခုနှစ် Buy မှ 8 အကောင်းဆုံး Dash Cams လမ်းညွှန်များဝယ်ယူ ဂျီမေးလ်တွင်ပုံစံတူစာပိုဒ်ကိုမက်ဆေ့ခ်ျ Filter လုပ်နည်း အီးမေးလ်ပို့ရန် & Messaging ကို Soundcast စနစ်များဂီတဘလူးတုသ်အဆောက်အဦးအပြင်နာယကဆန်းစစ်ခြင်း ကုန်ပစ္စည်းပြန်လည်ဆန်းစစ်ချက်များ DNS ကို Server ကိုသင့်ကန်ြယက်အပေါ်အမှားပြန်ကြားခြင်းမဖြေရှင်းပေး အင်တာနက်ကို & ကွန်ယက် အဘယ်ကြောင့်ငါ့အ Touch ကိုမျက်နှာပြင်အလုပ်လုပ်သည်မဟုတ်လော နောက်ထပ်အကူအညီရယူခြင်း

	အကျဉ်း
<အတိုကောက်>	အတိုကောက်
	long ကကိုးကား
	အဓိပ္ပာယ်
<လိပ်စာ>	စာရွက်စာတမ်းရေးသားသူများအတွက်လိပ်စာ (s) ကို
<ကိုးကား>	ဆင့်ခေါ်ချက်
	Code ကိုရည်ညွှန်း
	လက်နှိပ်စက်စာသားပုံစံ
	logical ဌာနခွဲ
	generic inline style ကိုကွန်တိန်နာ
	Deleted စာသားကို
	ဖြည့်စွက်စာသားအား
	အလေးထားချက်
	ခိုင်မာတဲ့အလေးပေး
	ပထမဦးစွာအဆင့်ခေါင်းစဉ်
	second-level ခေါင်းစဉ်
	third-level ကိုခေါင်းစဉ်
	စတုတ္ထ-Level ခေါင်းစဉ်
	ပဉ္စမ-Level ခေါင်းစဉ်
	ဆဌမ-Level ခေါင်းစဉ်
	thematic ချိုး
	စာသားအသုံးပြုသူထဲသို့ဝင်ခံရဖို့
	pre-အပြည့်အစုံ
	က Short inline quotation အ
	နမူနာ output ကို
	subscript
	Superscript
	variable သို့မဟုတ်အသုံးပြုသူသတ်မှတ်ထားသောစာသားကို