HTML ကို 5 ကိုးကားစရာ - က HTML 5 Tags: အက္ခရာစဉ်အလိုက်

အဟောင်းက HTML element တွေနဲ့ HTML5 အသစ်ရှိသူများအပါအဝင်

ယင်း၏ဖွံ့ဖြိုးရေးလုပ်ငန်းနှစ်ပေါင်းများစွာကြိုတင်စတင်ခဲ့သောနေစဉ်, HTML5 ကိုပထမဦးဆုံးကယ့်ကိုတံခါးဝမှထှကျ 2010 ညာဘက်မှာရှိတဲ့ရှိသော web designer / developer များနှင့်အတူဘုံအသုံးပြုမှုသို့ကွှလာစတင်ခဲ့ခြင်း, ဘာသာစကား, ဘာဖြစ်လို့လဲဆိုတော့အစားခြစ်ရာကနေအရာရာကို reinvent ဖို့ကြိုးစားနေများစွာသောကို web ပညာရှင်များမှအကျွမ်းတဝင်ခံစားခဲ့ရ HTML5 ကို ရှေ့တော်သို့ဝင်ဖူးသောအရာကိုအပေါ်တည်ဆောက်ခဲ့သည်။ လျင်မြန်စွာ HTML ကို 4.01 သိတယ်သူမည်သူမဆိုပြုလုပ်ဗားရှင်းအတော်လေးနည်းနည်းယခု HTML5 ကိုတွေ့ရှိနိုင်ကြောင်းတွေ့ရှိခဲ့ပါတယ်။

HTML5 ကိုခဏများအတွက် HTML မှာလှည့်ပတ်ခဲ့ကြပြီအများအပြားဒြပ်စင်လည်းပါဝင်သည်နေစဉ်, ဒါကြောင့်လည်း HTML5 ကိုအသစ်ဖြစ်ကြောင်းဒြပ်စင်၏လက်တဆုပ်စာမိတ်ဆက်ပေးသည်။ ဤအသစ်ကိုဒြပ်စင်အများသောသူတို့ "ဟုအဆိုပါ cowpaths လမ်းခင်း" ဟုခေါ်ကာချဉ်းကပ်အသုံးပြုခဲ့သည်။ ဒီအလေ့မရှိမဖြစ်လိုအပ်တဲ့လူတွေပြီးသားဘာလုပ်နေတယ်ဆိုတာကိုကြည့်ရှုကြောင်းလုပ်ဖို့ဆိုလိုမှအိုင်တီအတွက်အသုံးပြုသောအသုံးအနှုန်းဖြစ်ပါတယ်။ ဝဘ်ဒီဇိုင်နာများ၏ဖြစ်ရပ်အတွက်, သူတို့သည်ဤပြီးသားစာမျက်နှာများကိုတည်ဆောက်ခြင်းခဲ့ကြသည်ကိုဘယ်လိုကြည့်ဖို့နှင့်ထိုလှုပ်ရှားမှုများအပေါ်ဒြပ်စင်အသစ်အပေါ်ဆုံးဖြတ်ချက်များကိုအခြေခံဖို့ရည်ရွယ်။ ဥပမာအားဖြင့်များစွာသောကို web ပညာရှင်များ ID ကိုသို့မဟုတ် "ခေါင်းစဉ်", "nav" နှင့်အတန်းအစား attribute တွေအသုံးပြုခဲ့တဲ့ကွဲပြားခြင်းနှင့်အတူဝက်ဘ်ဆိုက်များတည်ဆောက်မယ်လို့ "ထဲက footer ။ " ထိုကဲ့သို့သောအဖြစ်, HTML5 ကိုကို web ပညာရှင်များဆက်ကပ်အပ်နှံအပိုင်း element တွေကိုအစားပဲကွဲပြားမှုကို အသုံးပြု. ၎င်းတို့၏စာတမ်းများကိုပိုမိုအဓိပ်ပာယျကိုထည့်သွင်းဖို့ခွင့်ပြု, ဒြပ်စင်အသစ်အဖြစ်ဤအမိတ်ဆက်ပေးသည်။ ကျွမ်းနှင့်လက်ရှိအလေ့အကျင့်ကအသိအမှတ်ပြုထားတဲ့ချဉ်းကပ်မှု၏ဤပေါင်းစပ်အလျင်အမြန် web design မှာစက်မှုလုပ်ငန်းများကနှုတ်ဆက်ပြီးခံရဖို့ HTML5 ကိုကူညီပေးခဲ့သည်။

အဆိုပါ HTML5 ကို DOCTYPE

ပထမဦးစွာပယ်, သင့်စာရွက်စာတမ်းဖြစ်သော HTML5 ကို DOCTYPE ပါဝင်ရမည်ဆိုသစ်ကို HTML5 ကို element တွေကိုသုံးစွဲဖို့:

သင်ဤ DOCTYPE အထူးသ "HTML5 ကို" ဖော်ပြထားခြင်း, ဒါပေမယ့်မဟုတ်ဘဲရိုးရိုး "html" အဖြစ်ဗားရှင်းကဤသို့ဆိုတော်မမူကြောင်းသတိပြုမိလိမ့်မည်။ ဒီ DOCTYPE ဘာသာစကားကိုအပေါငျးတို့သကြားမှာများအတွက်ရှေ့ဆက်သွားရာတွင်အသုံးပြုခံရဖို့ရည်ရွယ်ကဘာလဲလို့ဖြစ်ပါတယ်။

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

အဆိုပါ HTML5 ကို Tags:

tag ကို ရှင်းလင်းချက်
ကျောက်ဆူးသို့မဟုတ် link ကို
အကျဉ်း
<လိပ်စာ> လိပ်စာသို့မဟုတ်စာရွက်စာတမ်း၏စာရေးဆရာများ
<ဧရိယာ> client-side image ကိုမြေပုံ
<ဆောင်းပါး> ဆောင်းပါး
<ဖယ်> Tangential အကြောင်းအရာ
<အသံ> audio စီး
ရဲရင့်
<အခြေစိုက်စခန်း> စာရွက်စာတမ်းများတွင်ဒြပ်စင်အဘို့အ base URI လမ်းကြောင်း
bi-directional algorithm ကို
long ကကိုးကား
စာမျက်နှာ၏ခန္ဓာကိုယ်

line break
HTML ကိုပုံစံခလုတ်
<ပတ္တူ> ပြောင်းလဲနေသောဂရပ်ဖစ်ဘို့က Canvas
မှတ်ချက်
<စာတန်း> စားပွဲတင်စာတန်း
<ကိုးကား> ဆင့်ခေါ်ချက်
Code ကိုရည်ညွှန်း
<ဗိုလ်မှူးကြီး> စားပွဲတင်ကော်လံ
စားပွဲတင်ကော်လံအာဆီယံ
စစ်ဌာနချုပ်ဒါမှမဟုတ်စာမျက်နှာပေါ်တွင်အရေးယူ
စာရွက်စာတမ်းအမျိုးအစားနှင့်အဓိပ္ပါယ်
ဒေတာကိုဇယားကွက်
အခြားအထိန်းချုပ်မှုများအတွက် predefined options များ
ဟောပြောချက်၏အဓိပ္ပာယ်စာရင်းဖော်ပြချက်သို့မဟုတ် span
Deleted စာသားကို
<အသေးစိတ်ကို> အပိုဆောင်း On-demand သတင်းအချက်အလက်များ
အဓိပ္ပာယ်
<ပေးတဲ့ dialog> စကားလက်ဆုံ
logical ဌာနခွဲ
ဖော်ပြချက်စာရင်း
<၎င်းကို> အဓိပ္ပာယ်စာရင်းသက်တမ်းသို့မဟုတ်ပေးတဲ့ dialog စပီကာ
အလေးထားချက်
plugins ကိုများအတွက် embedded ဒြပ်စင်
Form ကိုထိန်းချုပ်မှုအုပ်စုတစ်စု
တစ်ဦး <ကိန်းဂဏန်း> element ကအတှကျအသုံးပွုအဆိုပါစာတန်း
<ကိန်းဂဏန်း> optional ကိုစာတန်းနှင့်အတူပုံ
စာမျက်နှာ၏ footer
<ပုံစံ> ပုံသဏ္ဌာန်

ပထမဦးစွာအဆင့်ကိုခေါင်းစဉ်

ဒုတိယအချက်မှာအဆင့်ကိုခေါင်းစဉ်

တတိယအဆင့်တွင်ခေါင်းစဉ်

စတုတ္ထအဆင့်ကိုခေါင်းစဉ်
ပဉ္စမအဆင့်ကိုခေါင်းစဉ်
ဆဋ္ဌမအဆင့်တွင်ခေါင်းစဉ်
စာရွက်စာတမ်း၏ဦးခေါင်းကို
စာမျက်နှာ၏ header
ဦးတည်အုပ်စုတစ်စု

အလျားလိုက်အုပ်ချုပ်မှုကို
တစ်ဦးက Web page ၏အမြစ်ဒြပ်စင်
သည် စာလုံးစောငျးထားစာသားကိုစတိုင်