အဆိုပါ HTML5 ကိုအပိုင်း Element ကိုနားလည်ခြင်း
HTML5 ကိုနှစ်ပေါင်းများစွာလွန်ခဲ့သောမြင်ကွင်းတစ်ခုပေါ်သို့ burts အခါ, ကအပိုင်းဒြပ်စင်အပါအဝင် langauge အသစ်အပိုင်းဒြပ်စင်၏တစည်းကဆက်ပြောသည်။ HTML5 ကိုမိတ်ဆက်ပေးသောဒြပ်စင်အသစ်အများစုဟာရှင်းရှင်းလင်းလင်းအသုံးပြုမှုရှိသည်။ ဥပမာအားဖြင့်၎င်းဒြပ်စင်ဆောင်းပါးများနှင့်ဝဘ်စာမျက်နှာ၏အဓိကအစိတ်အပိုင်းများကိုသတ်မှတ်အသုံးပြုသည်, ထို element ကစာမျက်နှာအရာကြွင်းလေနှင့် header ကိုဝေဖန်မပေးကြောင်းဆက်စပ်အကြောင်းအရာသတ်မှတ်အသုံးပြုသည်, nav, နှင့်အောက်ခြေတော်တော် Self-ရှင်းလင်းဖြစ်ကြသည်။ အသစ်ကဆက်ပြောသည်အပိုင်းဒြပ်စင်သို့သော်နည်းနည်းလျော့နည်းရှင်းပါတယ်။
လူအတော်များများဟာ HTML element တွေကိုယုံကြည်ကြသည် အပိုင်း များနှင့်အမှန်တကယ်ဝဘ်စာမျက်နှာပေါ်တွင်အကြောင်းအရာဆံ့ဖို့အသုံးပြုရုံနဲ့အတူတူပါပဲ-ယေဘုယျကွန်တိန်နာဒြပ်စင်ဖြစ်ပါသည်။ နှစ်ဦးစလုံးကွန်တိန်နာဒြပ်စင်ဖြစ်ခြင်းနေစဉ်အဖြစ်မှန်သို့သော်ဤနှစ်ခုဒြပ်စင်သည်ယေဘုယျပေမယ့်ဘာမှဖြစ်ကြသည်။ အဲဒီမှာအပိုင်းဒြပ်စင်များနှင့် div ဒြပ်စင်နှစ်မျိုးလုံးသုံးစွဲဖို့တိကျတဲ့အကြောင်းပြချက်များမှာ - နှင့်ဤဆောင်းပါးတွင်သူတို့အားကွဲပြားခြားနားမှုကိုရှင်းပြပါလိမ့်မယ်။
ကဏ္ဍများနှင့် Divs
အဆိုပါအပိုင်းဒြပ်စင်အခြားပိုပြီးတိကျတဲ့အမျိုးအစား (ဆောင်းပါးနဲ့တူသို့မဟုတ်ဘေးဖယ်) မဟုတျကွောငျးဝဘ်စာမျက်နှာသို့မဟုတ်ဆိုဒ်၏တစ်ဦး semantic အပိုင်းအဖြစ်သတ်မှတ်ထားသည်။ လက္ကားအခြားစာမျက်နှာများတွင်ပါသို့မဟုတ်ဆိုဒ်၏အစိတ်အပိုင်းများအပေါ်ပြောင်းရွှေ့ခြင်းနှင့်အသုံးပြုနိုင်မယ့်အပိုင်း - ငါစာမကျြနှာတစ်ဦးကွဲပြားအပိုင်းကိုတက် marking ငါလာသောအခါဒီဒြပ်စင်သုံးစွဲဖို့လေ့ရှိပါတယ်။ သငျသညျအလိုတော်ရှိလျှင်ကအကြောင်းအရာတစ်ခုကွဲပြားအပိုင်းအစ, ဒါမှမဟုတ်အကြောင်းအရာတစ်ခု "အပိုင်း" ဖြစ်ပါတယ်။
ဆနျ့ကငျြ, သင်သည်ယခုတက်ဝေယူချင်သော page ၏အစိတ်အပိုင်းများများအတွက် div ဒြပ်စင်ကိုသုံးပါ, ဒါပေမယ့်ထက်အခြားရည်ရွယ်ချက်များအတွက် semantic ။ ငါသက်သက်သာကိုယ့်ကိုယ်ကို CSS နဲ့သုံးစွဲဖို့တဲ့ "ချိတ်" ပေးစေခြင်းငှါဒါလုပ်နေတာမှန်လျှင်ငါဌာနခွဲအတွက်အကြောင်းအရာတခုဧရိယာခြုံလိမ့်မယ်။ ဒါဟာဝေါဟာရအသုံးအနှုံးအပေါ်အခြေခံပြီးအကြောင်းအရာတစ်ခုကွဲပြားအပိုင်းဖြစ်ပေမယ့်ကျွန်မစာမကျြနှာအဘို့ချင်သော layout ကိုအောင်မြင်ရန်အလို့ငှာအဆုံးအဖြတ်ငါတစ်ခုခုဖြစ်ပါတယ်မည်မဟုတ်ပါ။
ဒါဟာ & # 39; အားလုံးသည် semantic အကြောင်း s
ဤသည်ကိုနားလည်သဘောပေါက်ဖို့ခဲယဉ်းအယူအဆဖြစ်ပါသည်, သို့သော် div ဒြပ်စင်များနှင့်အပိုင်းဒြပ်စင်အကြားတစ်ခုတည်းသောခြားနားချက် semantic ဖြစ်ပါတယ်။ တနည်းအားဖြင့်သင်တက်ခွဲဝေနေတာ code တွေရဲ့အပိုင်း၏အဓိပ္ပါယ်ကိုဖွင့်။
တစ်ဦး div element ကအတွင်းပိုင်းပါရှိသောကြောင်းမဆိုအကြောင်းအရာမဆိုမွေးရာပါအဓိပ္ပာယ်ကိုမရှိပါ။ ဒါဟာအကောင်းဆုံးနဲ့တူသောအရာတို့ကိုအသုံးပြုသည်:
- CSS ကိုစတိုင်များ CSS ကိုစတိုင်များနှင့်ချိတ်
- layout ကွန်တိန်နာ
- JavaScript ကိုချိတ်
- လွယ်ကူဖတ်ရှုဖို့လုပ် HTML တို့အတွက်ရုံးခွဲများ
အဆိုပါ div element ကကျွန်တော်တို့ရဲ့စာရွက်စာတမ်းများစတိုင်နဲ့ကော်လံများနှင့်ဖန်စီအပြင်အဆင်ကိုဖန်တီးရန်ချိတ်ဖြည့်စွက်ခဲ့သည့်တစ်ခုတည်းသောဒြပ်စင်ဖြစ်လေ့ရှိတယ်။ ဒါကြောင့်ကျနော်တို့ div element တွေကို-အဘယ်အရာနှင့်အတူ riddled ခဲ့ HTML ကိုအတူတက်အဆုံးသတ်ကို web ဒီဇိုင်နာများ "divitis ။ " မခေါ်စေခြင်းငှါသီးသန့် div element ကအသုံးပြုခဲ့တဲ့ပင် WYSIWYG အယ်ဒီတာများရှိခဲ့သည်။ ငါတကယ်မယ့်အစားအပိုဒျအဘို့အများ၏ div ဒြပ်စင်တစ်ခုကို HTML ကိုဖြတ်ပြီးပြေးပါတယ်!
HTML5 ကိုနှင့်အတူကျနော်တို့ကိုပိုပြီးဝေါဟာရအသုံးအနှုံးဖော်ပြရန်စာရွက်စာတမ်းများ (ဒါကြောင့်အပေါ်အညွှန်းအဘို့နှင့်ဖော်ပြရန်ကိန်းဂဏန်းများအဘို့ကို အသုံးပြု. နှင့်) ဖန်တီးကိုလည်းသူများဒြပ်စင်ပေါ်တွင်စတိုင်များသတ်မှတ်ပေးရန် sectioning element တွေကိုသုံးပြီးစတင်နိုင်ပါသည်။
အဘယ်အရာ SPAN Element ကိုအကြောင်း?
သူတို့က div element ကိုစဉ်းစားတဲ့အခါမှာလူအများစုစဉ်းစားကြောင်းအခြား element ကဒြပ်စင်ဖြစ်သည်။ ဤသည်ဒြပ်စင်, div ကဲ့သို့တစ်ဦး semantic ဒြပ်စင်မဟုတ်ပါဘူး။ ဒါဟာသင့်ပတ်လည်စတိုင်များနှင့် script များအဘို့အချိတ်ကိုထည့်သွင်းဖို့ကိုသုံးနိုင်သည်မှာ inline element ဖြစ်ပါတယ် inline အကြောင်းအရာ (များသောအားဖြင့်ကစာသား) ၏လုပ်ကွက်။ ကြောင်းအသိထဲမှာသာ inline မဟုတ်ဘဲတစ်ဦးထက်အတိအကျ div ဒြပ်စင်ကဲ့သို့ဖြစ်၏ ပိတ်ပင်တားဆီးမှုဒြပ်စင် ။ အချို့သောနည်းလမ်းများအတွက်, တကပိတ်ပင်တားဆီးမှု-Level SPAN ဒြပ်စင်အဖြစ် div စဉ်းစားခြင်းနှင့်သင်သာက HTML အကြောင်းအရာတစ်ခုလုံးကိုလုပ်ကွက်များအတွက် span မယ်လို့တူညီသောလမ်းအတွက်သုံးစွဲဖို့ပိုမိုလွယ်ကူပါလိမ့်မယ်။
HTML5 ကိုအတွက်ဒြပ်စင် sectioning အဘယ်သူမျှမနှိုင်းယှဉ် inline ရှိပါသည်။
က Internet Explorer ၏အသက်ကြီးဗားရှင်းများအတွက်
သငျသညျသိသိသာသာယုံကြည်စိတ်ချရသော HTML5 ကိုအသိအမှတ်မပြုကြဘူးကြောင်း (IE ကို 8 နဲ့အနိမ့်လိုမျိုး) IE ကို၏ဗားရှင်းအဟောင်းထောက်ပံ့နေကြသည်ရင်တောင်, သင်ဝေါဟာရအသုံးအနှုံးမှန်ကန်သော HTML တဂ်သုံးစွဲဖို့မကြောက်သင့်ပါတယ်။ အဆိုပါဝေါဟာရအသုံးအနှုံး (ကဆောငျးပါးဒြပ်စင်များကဝိုင်းရံရဲ့လျှင်သင်ကြောင်းအပိုင်းဆောင်းပါးသည်ကိုသိမှတ်ပါလိမ့်မယ်ဘာဖြစ်လို့လဲဆိုတော့) သင်နှင့်သင့်အဖွဲ့သည်အနာဂတျမှာစာမကျြနှာကိုစီမံခန့်ခွဲကူညီပေးပါမည်။ Plus အားထို tags များကိုအသိအမှတ်မပြုကြဘူးကြောင်း browser များပိုကောင်းသူတို့ကိုထောကျပံ့ပေးလိမ့်မယ်။
သင်ဆဲသင်ရုံသူတို့ကိုက HTML အဖြစ် tags များအသိအမှတ်မပြုဖို့ scripting နဲ့ဖြစ်နိုင်သည်အနည်းငယ်ပတျဝနျးကငျြ div element တွေကို add ဖို့လိုအပ်ပါတယ်က Internet Explorer နှင့်အတူ HTML5 ကို semantic အပိုင်းဒြပ်စင်ကိုသုံးနိုင်သည်။
div နှင့်အပိုင်း Element တွေကိုအသုံးပြုခြင်း
သငျသညျကိုမှန်ကန်စွာသူတို့ကိုအသုံးပြုနေသည်ဆိုပါက, သင်ကတရားဝင် HTML5 ကိုစာရွက်စာတမ်းအတွက်အတူတကွနှစ်ဦးစလုံး div နှင့်အပိုင်းဒြပ်စင်ကိုသုံးနိုင်သည်။ သင်ဒီမှာဒီဆောင်းပါးမှာပါမြင်ရပါတယ်အဖြစ်, သင်အကြောင်းအရာဝေါဟာရအသုံးအနှုံး discrete ဝေမျှသတ်မှတ်ပေးဖို့အပိုင်းဒြပ်စင်ကိုသုံးပါ, သင် CSS, Javascript များအတွက်ချိတ်သကဲ့သို့ကောင်းစွာအဖြစ် semantic အဓိပ်ပာယျမဟုတျကွောငျး layout ကို defining အဆိုပါ div element ကိုအသုံးပြုပါ။
ဂျနီဖာ Krynin ခြင်းဖြင့်မူရင်းဆောင်းပါး။ 3/15/17 အပေါ်ဂျယ်ရမီ Girard တည်းဖြတ်