အဟောင်းက 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 ကို | |
| abbr> | အကျဉ်း |
| <လိပ်စာ> လိပ်စာ> | လိပ်စာသို့မဟုတ်စာရွက်စာတမ်း၏စာရေးဆရာများ |
| <ဧရိယာ> | client-side image ကိုမြေပုံ |
| <ဆောင်းပါး> ဆောင်းပါး> | ဆောင်းပါး |
| <ဖယ်> ဖယ်> | Tangential အကြောင်းအရာ |
| <အသံ> အသံ> | audio စီး |
| b> | ရဲရင့် |
| <အခြေစိုက်စခန်း> | စာရွက်စာတမ်းများတွင်ဒြပ်စင်အဘို့အ base URI လမ်းကြောင်း |
| bdo> | bi-directional algorithm ကို |
blockquote> | long ကကိုးကား |
| body> | စာမျက်နှာ၏ခန္ဓာကိုယ် |
| | line break |
| HTML ကိုပုံစံခလုတ် | |
| <ပတ္တူ> ပတ္တူ> | ပြောင်းလဲနေသောဂရပ်ဖစ်ဘို့က Canvas |
| မှတ်ချက် | |
| <စာတန်း> စာတန်း> | စားပွဲတင်စာတန်း |
| ကိုးကား> <ကိုးကား> | ဆင့်ခေါ်ချက် |
code> | Code ကိုရည်ညွှန်း |
| <ဗိုလ်မှူးကြီး> | စားပွဲတင်ကော်လံ |
| | စားပွဲတင်ကော်လံအာဆီယံ |
| | စစ်ဌာနချုပ်ဒါမှမဟုတ်စာမျက်နှာပေါ်တွင်အရေးယူ |
| စာရွက်စာတမ်းအမျိုးအစားနှင့်အဓိပ္ပါယ် | |
| | ဒေတာကိုဇယားကွက် |
| အခြားအထိန်းချုပ်မှုများအတွက် predefined options များ | |
| | ဟောပြောချက်၏အဓိပ္ပာယ်စာရင်းဖော်ပြချက်သို့မဟုတ် span |
| | Deleted စာသားကို |
| <အသေးစိတ်ကို> အသေးစိတျ> | အပိုဆောင်း On-demand သတင်းအချက်အလက်များ |
| dfn> | အဓိပ္ပာယ် |
| <ပေးတဲ့ dialog> ပေးတဲ့ dialog> | စကားလက်ဆုံ |
| div> | logical ဌာနခွဲ |
| ဖော်ပြချက်စာရင်း |
| <၎င်းကို> ၎င်းကို> | အဓိပ္ပာယ်စာရင်းသက်တမ်းသို့မဟုတ်ပေးတဲ့ dialog စပီကာ |
| em> | အလေးထားချက် |
| plugins ကိုများအတွက် embedded ဒြပ်စင် | |
| Form ကိုထိန်းချုပ်မှုအုပ်စုတစ်စု | |
| | တစ်ဦး <ကိန်းဂဏန်း> element ကအတှကျအသုံးပွုအဆိုပါစာတန်း |
| <ကိန်းဂဏန်း> ကိန်းဂဏန်း> | optional ကိုစာတန်းနှင့်အတူပုံ |
| စာမျက်နှာ၏ footer | |
| <ပုံစံ> ဖွဲ့စည်းရန်> | ပုံသဏ္ဌာန် |
h1> | ပထမဦးစွာအဆင့်ကိုခေါင်းစဉ် |
h2> | ဒုတိယအချက်မှာအဆင့်ကိုခေါင်းစဉ် |
h3> | တတိယအဆင့်တွင်ခေါင်းစဉ် |
h4> | စတုတ္ထအဆင့်ကိုခေါင်းစဉ် |
H5> | ပဉ္စမအဆင့်ကိုခေါင်းစဉ် |
h6> | ဆဋ္ဌမအဆင့်တွင်ခေါင်းစဉ် |
| head> | စာရွက်စာတမ်း၏ဦးခေါင်းကို |
| | စာမျက်နှာ၏ header |
| hgroup> | ဦးတည်အုပ်စုတစ်စု |
| | အလျားလိုက်အုပ်ချုပ်မှုကို |
| html> | တစ်ဦးက Web page ၏အမြစ်ဒြပ်စင် |
| i> သည် | စာလုံးစောငျးထားစာသားကိုစတိုင် |
| inline frame ကို | |
| | image ကို |
| input ပုံစံဒြပ်စင် | |
| button ကိုပုံစံဒြပ်စင် | |
| checkbox ပုံစံဒြပ်စင် | |
| အရောင် input ကို | |
| နေ့စွဲ input ကို | |
| ကမ္ဘာလုံးဆိုင်ရာနေ့စွဲနှင့်အချိန် input ကို | |
| ဒေသခံနေ့စွဲနှင့်အချိန် input ကို | |
| အီးမေးလ်ပို့ရန်လိပ်စာ input ကို | |
| file ကိုအပ်လုဒ်ကိုပုံစံဒြပ်စင် | |
| hidden ပုံစံအကွက်ဒြပ်စင် | |
| Image ကိုပုံစံဒြပ်စင် | |
| တနှစ်နှင့်လ input ကို | |
| နံပါတ် input ကို | |
| Password ကိုပုံစံဒြပ်စင် | |
| ရေဒီယိုခလုတ်ကိုပုံစံဒြပ်စင် | |
| Imprecise အရေအတွက်က input ကို | |
| ခလုတ်ပုံစံဒြပ်စင် Reset | |
| ရှာရန်လယ်ပြင် | |
| ခလုတ်ပုံစံဒြပ်စင် Submit | |
| တယ်လီဖုန်းနံပါတ် input ကို | |
| text field ထဲမှာပုံစံဒြပ်စင် | |
| အချိန် input ကို | |
| URL က input ကို | |
| တနှစ်နှင့်ရက်သတ္တပတ် input ကို | |
| ins> | ဖြည့်စွက်စာသားအား |
| kbd> | စာသားအသုံးပြုသူထဲသို့ဝင်ခံရဖို့ |
| | လက်မှတ်စီမံခန့်ခွဲမှုအတွက်လုံခြုံသော့ Generate |
| <တံဆိပ်> တံဆိပ်> | form ကိုတံဆိပ် |
| <ဒဏ္ဍာရီ> ဒဏ္ဍာရီ> | Form ကို fieldset စာတန်း |
| | စာရင်းကို item |
| ဆက်စပ်စာရွက်စာတမ်းများမှ Link ကို | |
| <အဓိက> အဓိက> | စာမျက်နှာပေါ်အကြောင်းအရာအဓိကဧရိယာ |
| <မြေပုံ> မြေပုံ> | client-side image ကိုမြေပုံ |
| <အမှတ်အသား> အမှတ်အသား> | မှတ်သားသို့မဟုတ်မီးမောင်းထိုးပြသည့်စာသား |
| ပညတ်တော်တို့ကိုစာရင်း | |
| စာရွက်စာတမ်းအကြောင်းကို meta သတင်းအချက်အလက်များ | |
| <မီတာ> မီတာ> | စကေး gauge |
| အညွှန်းလင့်များနှင့်အတူရဲ့ဧရိယာသတ်မှတ် | |
| script များမရရှိနိုင်သောအခါအကြောင်းအရာ | |
| non-စံအရာဝတ္ထု | |
| အမိန့်သို့မဟုတ်ရေတွက်စာရင်း |
| တစ်ဦးကိုရွေးချယ်စာရင်းထဲတွင်ရွေးချယ်စရာ Group မှ | |
| တစ်ဦးကိုရွေးချယ်စာရင်းထဲတွင် option | |
| ပုံစံတွက်ချက်မှု၏ရလဒ် | |
| p> | စာပိုဒ် |
| <ရာမီတာများ> | object တစ်ခုဒြပ်စင်၏ parameter |
pre> | pre-အပြည့်အစုံ |
| <တိုးတက်မှုကို> တိုးတက်မှုကို> | တိုးတက်မှုကိုညွှန်ပြချက် |
q> | က Short inline quotation အ |
| ပတ္တမြားကွင်း | |
| ပတ္တမြားစာသားကို | |
| <ပတ္တမြား> ပတ္တမြား> | ပတ္တမြားမှတ် |
| | Strikeout စာသားကို |
| samp> | နမူနာ output ကို |