အဟောင်းက 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 ကို |