အဆိုပါ HTML5 ကိုအပိုင်း Element ကိုအသုံးပြုနည်းလိုက်တဲ့အခါ

ထိုအဖယ်ဆောငျးပါး, နှင့် div အသုံးပြုနည်းလိုက်တဲ့အခါ

အသစ် HTML5 ကိုအပိုင်းဒြပ်စင်အတန်ငယ်ရှုပ်ထွေးစေနိုင်ပါတယ်။ သငျသညျတညျဆောင့်ပါလျှင် က HTML စာရွက်စာတမ်းများ HTML5 ကိုမပြုမီ, အခွင့်အလမ်းတွေကိုသင်သည်ပြီးသားသင့်ရဲ့စာမျက်နှာများအတွင်းဖွဲ့စည်းတည်ဆောက်ပုံဆိုင်ရာကွဲပြားမှုဖန်တီးပြီးတော့သူတို့နှငျ့အတူစာမျက်နှာများ style ရန်ဒြပ်စင်ကိုအသုံးပြုနေဖြစ်ကြသည်။ ဒါကြောင့်ရိုးရိုးအပိုင်းဒြပ်စင်နှင့်သင်၏လက်ရှိ div element တွေကိုအစားထိုးသဘာဝအရာကဲ့သို့ထင်ရပေလိမ့်မည်။ ဒါပေမဲ့ဒီနည်းပညာပိုင်းမမှန်ကန်ပါ။ ဒါကြောင့်သင်ရုံသင်သည်မှန်ကန်စွာသူတို့ကိုအသုံးပြုကြပုံကို, အပိုင်းဒြပ်စင်နှင့်အတူ div element တွေအစားမထိုးကြဘူးဆိုရငျကော

အဆိုပါအပိုင်း Element ကိုတစ်ဦးဝေါဟာရရငျးမွစျ Element ကိုဖြစ်ပါတယ်

နားလည်ရန်ပထမဦးဆုံးအရာအပိုင်းဒြပ်စင်တစ်ခုဖြစ်ပါတယ် semantic ဒြပ်စင်။ ဤသည်ကပူးတွဲအကြောင်းအရာတစ်ခုဖြစ်သည်-အထူးသဘာစာရွက်စာတမ်း၏အပိုင်းတစ်ခုအကြောင်းကိုနှစ်ဦးစလုံးအသုံးပြုသူအေးဂျင့်များနှင့်လူသားအဓိပ်ပာယျကိုထောက်ပံ့ပေးကြောင်းဆိုလိုသည်။

ဤအရာသည်အလွန်ယေဘုယျ semantic ဖော်ပြချက်များကဲ့သို့ထင်ရစေခြင်းငှါ, ထိုသို့ဖြစ်သောကြောင့်ကြောင့်ပါပဲ။ သည်အခြားရှိပါတယ် HTML5 ကို element တွေကို သင်အပိုင်းဒြပ်စင်ကိုအသုံးမပြုမီသင်ပထမဦးဆုံးအသုံးပြုသင့်ကြောင်းကိုသင်၏အကြောင်းအရာဖို့ပို semantic ဘာသာဂုဏ်ထူးများကို:

အဆိုပါအပိုင်း Element ကိုအသုံးပြုနည်းလိုက်တဲ့အခါ

အကြောင်းအရာတစ်ဦးတည်းရပ်နိုင်နဲ့ဆောင်းပါးတစ်ပုဒ်သို့မဟုတ်ဘလော့ဂ်ပို့စ်နဲ့တူစုစည်းတင်ဆက်ခံရသော site ၏လွတ်လပ်သောအစိတ်အပိုင်းတစ်ခုဖြစ်ပါသည်အခါဆောငျးပါးဒြပ်စင်ကိုသုံးပါ။ အကြောင်းအရာစာမျက်နှာ၏အကြောင်းအရာသို့မဟုတ်ထို site ကိုယ်တိုင်ကတစ်ခုခုမှ tangentially ဆက်စပ်အခါထိုကဲ့သို့သော sidebars တလျောက်မှတ်စာများ, အောက်ခြေ, ဒါမှမဟုတ်ဆက်စပ် site ကိုသတင်းအချက်အလက်သကဲ့သို့, ဘေးဖယ်ဒြပ်စင်ကိုသုံးပါ။ အညွှန်းကြောင်းအကြောင်းအရာများအတွက် NAV ဒြပ်စင်ကိုသုံးပါ။

အဆိုပါအပိုင်းဒြပ်စင်တစ်ခုယေဘုယျ semantic ဒြပ်စင်ဖြစ်သည်။ အခြား semantic ကွန်တိန်နာဒြပ်စင်အဘယ်သူအားမျှသင့်လျော်သောအခါသင်ကသုံးပါ။ သင်တချို့လမ်းအတွက်ဆက်စပ်အဖြစ်ကိုဖော်ပြရန်နိုငျကွောငျး discrete ယူနစ်သို့အတူတကွသင်၏စာတမ်းကို၏ဝေမျှပေါင်းစပ်ဖို့ကသုံးပါ။ သငျသညျတစျဦးသို့မဟုတ်နှစ်ဦးစာကြောင်းများအတွက်အပိုင်းအတွက် element တွေကိုမဖော်ပြနိုင်တော့ပါဘူးလျှင်, သင်ဖြစ်နိုင်သည်ဟု၎င်းဒြပ်စင်ကိုမသုံးသင့်ပါတယ်။

အဲဒီအစားသင် div element ကိုအသုံးပြုသင့်ပါတယ်။ HTML5 ကိုအတွက် div element က non-semantic ကွန်တိန်နာဒြပ်စင်ဖြစ်သည်။ သငျသညျပေါင်းစပ်ဖို့ကြိုးစားနေကြတယ်အကြောင်းအရာတစ်ခု semantic အဓိပ္ပာယ်ကိုရှိသည်ပါဘူး, ဒါပေမယ့်သင်ဆဲပုံစံထိုသို့ပေါင်းစပ်ဖို့လိုအပ်ပါလျှင်, ထို div element ကိုသုံးစွဲဖို့သင့်လျော်သောဒြပ်စင်ဖြစ်သည်။

ဘယ်လိုအပိုင်း Element ကိုအလုပ်လုပ်

သင့်ရဲ့စာရွက်စာတမ်းများ၏အပိုင်းဆောင်းပါးများနှင့်ဘေးဖယ်ဒြပ်စင်အဘို့ပြင်ကွန်တိန်နာအဖြစ်ပေါ်လာနိုင်ပါတယ်။ ဒါဟာအစဘေးဖယ်ထားတဲ့ဆောငျးပါးသို့မဟုတ်၏အစိတ်အပိုင်းတစ်ခုမဟုတ်ကြောင်းအကြောင်းအရာဆံ့နိုငျသညျ။ တစ်ဦးကအပိုင်းဒြပ်စင်လည်းတစ်ခုဆောငျးပါး, NAV အတွင်းမှတွေ့ရှိခဲ့ခြင်းသို့မဟုတ်ဖယ်နိုင်ပါသည်။ သငျသညျအကြောင်းအရာများထဲမှအုပ်စုတစ်စုတစ်ဖွဲ့လုံးကဆောင်းပါးတစ်ပုဒ်ပါသို့မဟုတ်စာမျက်နှာ၏အပိုင်းကြောင်းအကြောင်းအရာအခြားအုပ်စုတစ်စု၏အပိုင်းတစ်ခုဖြစ်တယ်ဆိုတာညွှန်ပြရန်အသိုက်ကဏ္ဍများကိုပင်နိုင်ပါတယ်။

အဆိုပါအပိုင်းဒြပ်စင်စာရွက်စာတမ်းတစ်ခုအကြမ်းဖျင်းအတွင်းပိုင်းပစ္စည်းများကိုဖန်တီးပေးပါတယ်။ နှင့်ကဲ့သို့သော, သင်အမြဲတမ်းအပိုင်း၏အစိတ်အပိုင်းတစ်ခုအဖြစ်ခေါင်းစဉ်ဒြပ်စင် (h6 မှတဆင့် H1) ရှိသင့်ပါတယ်။ သင်အပိုင်းတစ်ခုခေါင်းစဉ်ကိုအတူတက်မလာနိုင်လျှင်, ထို့နောက်ပြန် div ဒြပ်စင်ဖြစ်ကောင်းပိုပြီးသင့်လျော်သည်။ သငျသညျစာမျက်နှာပေါ်တွင်ပေါ်လာဖို့အပိုင်းခေါင်းစဉ်မလိုချင်ကြပါလျှင်, သင်အမြဲ CSS ကိုအတူက mask နိုငျသညျ, သတိရပါ။

အဆိုပါအပိုင်း Element ကိုအသုံးပြုနည်းမရတဲ့အခါ

စတိုင်အဘို့ကိုသာ: ပထမဦးဆုံးပိုတိကျတဲ့ semantic element တွေကိုသုံးစွဲဖို့အထက်ပါအကြံပေးချက်ကိုကျော်လွန်ပြီး, သင်အပိုင်းဒြပ်စင်ကိုမသုံးသင့်ကြောင်းဦးတည်းနှင့်ဧရိယာလည်းမရှိ။

သငျသညျအရပျ၌က Element ချပြီးနေတဲ့တစ်ခုတည်းသောအကြောင်းပြချက် CSS ကိုစတိုင်ဂုဏ်သတ္တိများပူးတွဲပါလျှင်တနည်းအားဖြင့်, သင်ကအပိုင်းဒြပ်စင်ကိုမသုံးသင့်ပါတယ်။ တစ်ဦးကိုရှာပါ semantic ဒြပ်စင် သို့မဟုတ်အစား div element ကိုအသုံးပြုပါ။

နောက်ဆုံးတွင်ကအရေးပါမဟုတ်နိုင်ပါစေ

semantic HTML ကိုရေးသားရာတွင်တစ်ဦးကအခက်အခဲအဘယျသို့အကြှနျုပျကိုမှ semantic ဖြစ်ပါတယ်သင်တို့ဆီသို့ပြင်ဒဏ်ဍာရီဖြစ်မည်အကြောင်းဖြစ်ပါတယ်။ သင်စာရွက်စာတမ်းများအတွက်အပိုင်းဒြပ်စင်ကို အသုံးပြု. တရားမျှတနိုင်သည်ကိုခံစားမိလျှင်, သင်ကအသုံးပြုသင့်ပါတယ်။ အများစုမှာအသုံးပြုသူအေးဂျင့်ဂရုမစိုက်ပါဘူးသင်တစ်ဦး div တစ်ခုသို့မဟုတ်အပိုင်း style ရှိမရှိမျှော်လင့်ထားလိမ့်မယ်အဖြစ်စာမျက်နှာပြပေးလိမ့်မယ်။

ဝေါဟာရအသုံးအနှုံးမှန်ကန်သောဖြစ်လိုသူကိုဒီဇိုင်နာများများအတွက်တစ်ဦးဝေါဟာရအသုံးအနှုံးခိုင်လုံသောလမ်းအတွက်အပိုင်းဒြပ်စင်ကို အသုံးပြု. အရေးကြီးပါသည်။ ကိုယ့်ကိုသူတို့စာမကျြနှာအလုပ်လုပ်လိုသူဒီဇိုင်နာများအဘို့, ထိုအဖြစ်အရေးမပါသည်။ ငါဝေါဟာရအသုံးအနှုံးခိုင်လုံသော HTML ကိုရေးသားကောင်းသောအလေ့အကျင့်နှင့်စာမကျြနှာကိုပိုမိုအနာဂတ်-proofed စောင့်ရှောက်သည်ဟုယုံကြည်ကြသည်။ အဆုံး၌ကားသင်မှတက်ပါတယ်။