DOCTYPE HTML ကို - ကဘာလဲ? သငျသညျပစ္စည်းအကြောင်းကိုသိရန်လိုအပ်ကဘာလဲ

အဘယ်သူမျှမကိစ္စဘာသံသယဝါဒီ, တိုးတက်မှုရပ်တန့်မရနိုငျသောဖြစ်ရပ်ဆန်းဖြစ်နေဆဲဖြစ်သည်။ တချို့လဥယျာဉ်တော်မှအကြီးအကျယ်ဒေါသထွက်ပေါ်ထွက်လာသောကြောင့်ရှည်ကြာပြောင်းရွှေ့နေစဉ်ကပြောင်းလဲမှုများအတူတက်ထားရန်ခက်ခဲများနှင့်ခက်ခဲဖြစ်လာသောကြောင့်, သို့သော်အခြားသူများစာသားတစ်ဦးထိတ်လန့်ကိုစွဲလန်းနှစ်သက်ကြသည်။ ထိုကဲ့သို့သော "ဖမ်း-Up" ၏ဥပမာတစ်ခုမြင့်မားတဲ့နည်းပညာနှင့်ဆက်စပ်သောဝန်ခံကိုယ်စားလှယ်ဖြစ်ကြသည်။

အများဆုံးရှိသော web designer, programmer တွေနှင့် coder တွေအများကြီးပိုကောင်းသင့်လျော်သည့်အချိန်၏ဝိညာဉ်ကိုရကြစဉ်တွင်မဟုတ်ဘဲစဉ်းစားဆင်ခြင်စရာပျက်ယွင်းနှင့်အတူနေဆဲနှောင်းပိုင်းတွင်တစ်ပတ်မှသတင်းအချက်အလက်အားလက်ခံတွေ့ဆုံပေမယ့်အရာမဆို "Nura Baba" ထက်, အဖြစ်မှန်အတန်ငယ်ကွဲပြားခြားနားသည်။ တိုးတက်မှု၏အဆင့်အထိကိုက်ညီတဲ့နည်းပညာသစ်များ၏လယ်ပြင်တွင်ခက်ခဲသည်။ ရိုးရှင်းတဲ့ဥပမာစဉ်းစားကြည့်ပါ: Adobe Flash အပေါ်အွန်လိုင်းဂိမ်းတစ်ခုပြုစုသူမြင်သာထင်သာအောင်မြင်မှုအောင်မြင်ရန်နိုင်တောင်မှတချို့ 5-10 လွန်ခဲ့သောနှစ်ပေါင်းမြောက်မြားစွာ "မင်္ဂလာလယ်သမားက" ၏သက်သေဖြစ်ကြ၏။ သို့သော်ယနေ့ဒီနည်းပညာကိုတဖြည်းဖြည်းထွက်သေဆုံးနေတစ်ဦးထက်ပိုခေတ်မီဖို့လမ်းပေးခြင်း, ဒါပေမယ့်အခြေခံ HTML 5 ၏လေ့လာမှုတစ်ခုအများစုထက်လျော့နည်းနေသည်။ စကားမစပ်က HTML5 ကိုဖြစ်တယ်, ဒီနေ့ရဲ့ပုံပြင်များကျိန်ရက်က HTML-DTP ၏ "ဇာတ်ကောင်" ၏တဦးတည်းဖြစ်၏။

DOCTYPE HTML ကို - ကဘာလဲ?

နည်းပညာအတွက်အဆင့်မြင့်နည်းပညာတိုးတက်မှု၏သားကောင်များရန်ဤအထိမ်းအမှတ်အဆောက်အဦး။ ပုံမှန် "တိုက်ခိုက်ရေး" ကျွန်တော်တို့ရဲ့နိုင်ငံတွင်းရှိအခွအေနေပေမယ့်လည်း browser များ၏အတော်လေးအမှန်တကယ်စစ်မသာဖြစ်ကြရသော 90-S, ပြည့်, ဤလောကသို့ကွန်ပျူတာအသုံးပြုသူများက World Wide Web ကိုရယူရန်ခွင့်ပြုအနည်းငယ်ထုတ်ကုန်ဆောင်ခဲ့လေ၏။ Netscape Navigator နှင့် Internet Explorer အသီးသီးလုံးဝကွဲပြားခြားနားသောအတွက်တူညီတဲ့ page ကိုကြည့်, ဤအစီအစဉ်များအတွက်လုံးဝကွဲပြားခြားနားသောစာမျက်နှာများကိုဖန်တီးရန် site ၏ဖန်တီးသူအခါလူကြိုက်များ - တစ်ဦးတည်းသာပြဿနာရှိပါသည်။

စံချိန်စံညွှန်းများ, အဲဒီနှစျတှငျ, သူတို့ကိုအကြောင်းပြောဆိုရန်ကြိုးခဲ့သည် - W3C က၎င်း၏နို့စို့အရွယ်များတွင်တည်ရှိခဲ့ပါသည်, သင်၏ IE ကို Microsoft ကယေဘုယျအားဖြင့်သူတို့ကိုယ်ပိုင်တီထွင်ရန်ပိုမိုနှစ်သက်ကြောင်းလူသိများမြှင့်တင်ရန်, ဘာမှစက်ဘီးတွေနဲ့လိုက်ဖက်မရှိကြပေ။ မည်သို့ပင်ဆိုစေကာ, ထိုကြောက်မက်ဘွယ်သော (Web development အတွက်) ဆယ်စုနှစ်၏အဆုံးအသုံးပြုပုံအခြေအနေကအားလုံးအပြီးပုံမှန်ပြန်ရောက်: အချို့ရှိစံချိန်စံညွှန်းများယောင်လျှင်မရအပြည့်အဝခဲ့ပေမယ့်နေဆဲအားလုံးလူကြိုက်များတဲ့ browser များအားဖြင့်လေးစား။

သို့သော်အခြေအနေကအလားတူမဟုတ်မှာရှိသမျှတို့, ရစေရန်ပြုလုပ်ထားရန်, ထိုလုပ်ငန်းစု၏စံချိန်စံညွှန်းများနှင့် browser ကိုထုတ်လုပ်သူဖြစ်ကြောင်းထိုကဲ့သို့ဖြစ်ထွက်လှည့်။ သင်အလွယ်တကူ၏စည်းကမ်းချက်များ၌လုံးဝမှန်ကန်သောဖန်တီးနိုင် က HTML, CSS ကို နှင့် DOM စာမျက်နှာ, သင်မူကားနှစ်သက်သောဘရောက်ဇာကိုခေါင်းမာမာသင်မြင်လိမ့်မည်ဟုမျှော်လင့်သောအရာကိုမရပြသခဲ့သည်။

မည်သို့ပင်ဆိုစေကာအချိန်ပေါ်သွား, developer များနေတုန်းပဲနောက်ဆုံးတော့ယှဉ်ပြိုင်မှုနှင့် ပတ်သက်. ကားမာစတာအကြောင်းကိုသာစဉ်းစားရန်ဆုံးဖြတ်လိုက်ကြပြီလျှင်, သူသည်ထင်ရှား - DOCTYPE HTML ကို။ ဤသည်ကအထူးသဖြင့်စာမျက်နှာထည့်သွင်းစဉ်းစားရပါမည်ဘယ်လို browser ကိုပြောထားသည်ကြောင့်အထူး tag ကိုဖြစ်ပါတယ်။

အဆိုပါ DOCTYPE HTML ကို-code ကိုတှငျအဘယျလိုအပျသလဲ?

နေရာတိုင်းကိုလိုက်နာမှစတင်ခဲ့သောလုံလောက်သောစံချိန်စံညွှန်းများ၏ထွန်းကားမီ, browser များအများအပြား developer များဟာအထူးသဖြင့်နည်းပညာချဉ်းကပ်၏သူတို့ရဲ့ကိုယ်ပိုင်နည်းလမ်းများအတွက်သူ့ကိုယ်သူကျော်စောင်ဆွဲရန်ကြိုးစားခဲ့ကြပါပြီ။ ရလဒ်အနေနဲ့တဦးတည်းနှင့်အတူတူပင်စာမျက်နှာကွဲပြားခြားနားတဲ့နည်းလမ်းတွေထဲမှာမတူညီတဲ့ browser များအတွက်လှပါတယ်။ သို့သော်ဤကျနော်တို့ကိုပြောပါတယ်ခဲ့ကြရုံက Web surfing ဘို့အစီအစဉ်များ၏ထုတ်လုပ်သူများန်းကျင်ရောက်သောအခါအခြားမျှလျော့နည်းထညျ့ပြဿနာရှိကွောငျးကိုဖော်ပြထားခြင်းပါဘူး။

အခြေအနေကစဉျးစားကွညျ့: သင် - နှောင်းပိုင်းတွင် 90 ပုံမှန်ကို web developer ။ ဒါဟာဒါကြောင့်ပြီးသားရှိသည်သောသူတို့နှင့်အတူဆိုဒ်များနှင့်အဘယ်သို့ဆိုင်လုပ်ဖို့ကိုဖန်တီးရန်ယခုအဖြစ်ရှင်းရှင်းလင်းလင်းမသိရပါဘူးခွငျသညျက Internet Explorer 4. Microsoft ကရုတ်တရက်သူတို့ရဲ့အာရုံထံသို့ လာ. အသစ်ရဲ့ browser ကိုလုပ်ရန်ဆုံးဖြတ်သည်ကို browser အတွက်သုံးစွဲသည့်အချိန်အများစုကိုပိုမို "မှန်ကန်သော" ကြောင်းဖြစ်ပျက်ခဲ့ ဖန်တီးခဲ့သည်။ သငျသညျလုံလောက်သောအချိန်ရှိပါက၏သင်တန်း, သင်ကအသစ်ကစံချိန်စံညွှန်းနဲ့ကိုက်ညီကြောင်းထိုကဲ့သို့သောလမ်းအတွက်၎င်း၏ HTML ကို-code ကိုပြန်ရေး, ဒါပေမယ့်လူတွေကြောင့်အနိုင် - ပျင်းရိသောသတ္တဝါ။

ဒါဟာ HTML ကိုအများဆုံးသည်သင့်လျော်သည်ကိုဤအချက် DOCTYPE မှာ "တီထွင်မှု။ " ဒါကြောင့်စာမကျြနှာရဲ့အစမှာသတ်မှတ်ထားတာဖြစ်ပါတယ်စာရွက်စာတမ်းအဘယ်အမျိုးအစားပေါ် မူတည်. အဆိုပါ browser ကိုတင်ဆက်မှု၏ယန္တရားဤကိစ္စတွင်အတွက်အသင့်လျော်ဆုံးကိုရွေးချယ်ပါလိမ့်မယ်။ က HTML-code ကိုအတွက် DOCTYPE မရရှိနိုင်လျှင်, browser ကိုသို့သွားပါလိမ့်မယ် compatibility mode ကို (များသောအားဖြင့်, ဒါပေမယ့်မလိုအပ်) ။ သငျသညျ၎င်းငျး၏စတုတ္ထဗားရှင်းတွင်အလုပ်လုပ်ကိုင်နေကြလျှင်အဖြစ်ရလဒ်အဖြစ်, တူညီတဲ့က Internet Explorer 6 (ပင်သူသည်ငြိမ်ဝပ်စွာငြိမ်ဝပ်စွာနေဖိုင်ကိုလျှင်) DOCTYPE tag ကို၏မရှိခြင်းအတွက်ပြုမူ။

အမျိုးအစားများကို DOCTYPE

DOCTYPE tag ကိုအချို့သောအမျိုးအစားခွဲခြားနိုင်အများအပြားမျိုးစိတ်ပါဝင်သည်။ HTML ကို 4.01, HTML ကို 5, XHTML က 1.0 သို့မဟုတ် XHTML က 1.1: ပထမဦးစွာပြုလုပ် markup ဘာသာစကား၏အဓိကအမျိုးအစားများကိုဖော်ပြထားတယ်။ ဒုတိယအဤဘာသာစကားများတစ်ဦးချင်းစီက HTML-code ကိုထူထောင် W3C စံချိန်စံညွှန်းများဖြစ်ဖို့ဘယ်လိုခက်ခဲတဲ့မှာ t ကို။ အီးကို "အမှားရှာဖွေရေး၏ကိန်း" ကိုညွှန်ပြ၎င်း၏ပုဒ်မခွဲရှိပါတယ်။ သို့သော်ဒုတိယဖြစ်ရပ်တွင်နှစ်ခုခြွင်းချက်ရှိပါတယ် - HTML5 ကိုနှင့် XHTML က 1.1 ဆို subspecies ရှိသည်နှင့် DOCTYPE HTML ကို၏တစ်ဦးတည်းသာပုံစံများမှာမထားဘူး။ နောက်ပိုင်းမှာကြောင်းပေါ်ဒါပေမယ့်ပိုပြီး ...

တိကျခိုင်မာစွာချဉ်းကပ်: DOCTYPE တင်းကျပ်

ပညတ်တရားကိုသင်တို့အားအတည်ပြုချက်အသီးအသီးအက္ခရာမှသက်ဆိုင်ရာက HTML-code ကိုဖန်တီးလိုပါက, (Self-အကျိုးစီးပွားထက်အခြား) အပိုဆောင်းမက်လုံးပေး DOCTYPE တင်းကျပ်သုံးစွဲဖို့ဖြစ်ပါလိမ့်မည်။ သင်ကပိုအဆင့်မြင့် XHTML က 1.0 သုံးစွဲဖို့အစီအစဉ်ရှိပါကတစ်ဦးချင်းစီဒြပ်စင်ကိုစတင်တံ့သောမျဉ်း, ဤကဲ့သို့သောကြည့်ရှုသင့်ပါတယ်:

DOCTYPE HTML ကိုပြည်သူ့တင်းကျပ် template ကိုရွေးချယ်ခြင်းစံထံမှမဆိုသွေဖည် browser ကိုအားဖြင့်သတိပြုမိပါလိမ့်မည်သေချာ, ပြီးတော့မှား tag ကိုလျစ်လျူရှုနေသည်ကိုအသုံးပြုခဲ့သည်။ အထူးသဖြင့်, သူကပုံစံတစ်မျိုး, ပုံရိပ်ဒါမှမဟုတ်ပိတ်ပင်တားဆီးမှု tags များအတွင်းတည်ရှိသောခံရဖို့လိုအပ်သည်အခြားကို item ရှိမရှိတင်းကျပ် mode ကိုမဆို၎င်း tag ထဲမှာ။ သင်ကမပါဘဲလုပ်ဖို့ဆုံးဖြတ်လျှင်, browser ကိုရိုးရှင်းစွာဤအကြောင်းအရာအားပြသရန်မည်မဟုတ်, နှင့်အမှားစာရင်း layout ကိုမှတ်တမ်းများစုံတွဲတစ်တွဲကိုတက်ဖြည့်။

ထို့အပြင်ခုနှစ်, စာသားကို format ဖို့ခွင့်ပြုကြောင်း tags များများစွာကြောင့်လည်းပပျောက်ဖို့နှစ်လိုဖွယ်ဖြစ်ပါသည် - ဟာတင်းကျပ်သောစစ်အစိုးရ CSS ကို၏အသုံးပြုမှုကိုဆိုလို။

လူသားဆန်တဲ့ချဉ်းကပ်: DOCTYPE အသွင်ကူးပြောင်းရေး

ပြင်းထန်သောနည်းလမ်းကိုတင်းကျပ် template ကိုစည်းမျဉ်းစည်းကမ်းတွေကိုဆန့်ကျင်သွားကြဖို့သငျသညျသို့မဟုတ်သင်ရိုးရှင်းစွာနေသားတကျကိုက်ညီမပါဘူးဆိုရင်, ပိုပြီးလူသားဆန်တဲ့အမျိုးအစား DOCTYPE HTML ကိုပြည်သူ့နှုနျးဖို့ဆိုတာကလည်းအမြဲဆိုသလိုဖြစ်နိုင်ခြေရှိပါတယ်။ W3C အဆိုပါအလေ့အထများအရှုံးမပေးချင်ကြဘူးတဲ့သူတွေကိုစောင့်ရှောက် ယူ. validation ကိုပုံစံတစ်ခုကူးေူပာင်းမြဆိုင်ရာချဉ်းကပ်ပုံကိုကိုယ်စားပြုနေတဲ့အသွင်ကူးပြောင်းရေးပုံစံအတွက်ပျော့အခြေအနေများအောက်တွင်အလုပ်လုပ်ရန်ဆန္ဒရှိသော်လည်း။ ဤသည် template ကိုသင်လွတ်လွတ်လပ်လပ်ကိုယ့်ကိုယ်ထိုကဲ့သို့သောတင်းကျပ်အဖြစ်အချို့သောလွတ်လပ်ခွင့်အားပိတ်ပင်တားမြစ်သည်, template ကို tags များအဖြစ်နှောင်းပိုင်း 90 ကတည်းကဆက်စပ်မှုကိုဆုံးရှုံးသည်မဟုတ်သော layout ကိုမှများစွာသောအခြားချဉ်းကပ်မှုခွင့်ပြုနိုင်ပါတယ်။

အောက်မှာဖေါ်ပြတဲ့အတိုင်း«ဖျ» DOCTYPE HTML 4 နဲ့ကြေညာသည်:

XHTML က string ကိုပြန်ကအနည်းငယ်ကွဲပြားကြည့်ပေမယ့်ခြုံငုံလမ်းကြောင်းသစ်ဆက်လက်ဖြစ်ပါတယ်:

ယနေ့အထိတစ်ဦးချင်းစီဝိဉာဉ်တို့သည်တင်းကျပ်-template ကိုကိုက်ညီဖို့ရှာကြံဆိုတဲ့အချက်ကိုရှိနေသော်လည်း, တကသငြ်ကူးေူပာင်းမြ DOCTYPE လူကြိုက်အများဆုံးဖြစ်ပါတယ်။ မည်သို့ပင်ဆိုစေကာ, ဒီ template ကိုတဦးတည်းကရက်ဒစ်န့်သတ်ချက်ရှိပါတယ်: အတည်ပြုချက်ဘောင်ဆံ့သည့်မည်သည့်စာမျက်နှာကိုမဆို "ငြင်းပယ်" ပါလိမ့်မယ်။ သင်ဤနည်းလမ်းကို layout ကိုဖွင့်ရန်မလိုအပ်လျှင်, သင်နောက်တစ်နေ့အာရုံစိုက်သင့်ပါတယ် - ပြီးခဲ့သည့် template ။

DOCTYPE frameset: အထွေထွေထံမှတိကျသောမှ

ချဉ်းကပ်နည်းဟာ frameset template ကိုယေဘုယျအားဖြင့်အသွင်ကူးပြောင်းရေး၏ဆင်တူသည်နှင့်အတူလိုက်နာမှုများအတွက်စာမျက်နှာများကိုစစ်ဆေးနေအခါ, သို့သော်အထက်တွင်၏ "လွတ်လပ်ခွင့်" ကိုအပြင်, ဒီ template ကိုသငျသညျ frames များကိုသုံးစွဲဖို့ခွင့်ပြုပါတယ်။ HTML ကို 4.01 နဲ့ XHTML က 1.0 များအတွက် frameset ထိုကြောင့်, ကြေငြာချက်များအဘို့ကိုသာလွှဲပြောင်းလိုင်းလုပ်နိုင်, မရှိတယ်အခွားသောကွဲပြားခြားနားမှု:

ဖြတ်တောက်ခြင်း-Edge

ဟုတ်ပါတယ်, ဤဆောင်းပါး၏အစအဦးမှ HTML5 ကိုစံ၏အပေါငျးတို့သကြီးထွားလာလူကြိုက်များရည်ညွှန်းပြီးကျနော်တို့ markup ဘာသာစကားလျစ်လျူရှုလို့မရဘူး။ ဒါဟာ W3C အခြေခံ HTML ကိုဗားရှင်းစဉ်းစားကြောင်းရယ်စရာင်, ဒါကြောင့် DOCTYPE HTML ကို 5 အတော်လေးကျိုးနွံကြည့်ဖြစ်ပါတယ်။ တနည်းအားဖြင့်ဒီ type ချက်နှင့်အဓိပ္ပါယ် browser ကို HTML ကို»စင်ကြယ်သော "နဲ့အလုပ်လုပ်လိုသည်နှင့်အဘယ်သို့ဆိုင်စတုတ္ထဗားရှင်းအများအပြားမှအကျွမ်းတဝင်အလားအလာပေါရာဏဖြစ်စဉ်းစားနေစဉ်ယနေ့အဆိုပါ HTML5 ကိုဖြစ်စဉ်းစားနေကြသည်။

အခြားအမျိုးပေါင်း DOCTYPE

ယနေ့အထိ, XHTML ကမှကြွလာအရှိဆုံးအရာ၏ DOCTYPE ပုံစံများအတော်ကြာမျိုးပေါင်း, ရှိပါတယ်။ အဆိုပါ markup ဘာသာစကား၏ဒုတိယဗားရှင်းအလင်းထဲသို့ထွက်မလာဘဲနေစဉ်, HTML5 ပ၏အစိတ်အပိုင်းတစ်ခုဖြစ်လာ, ၎င်း၏ပထမဆုံးဗားရှင်းမူကွဲ, ပေမယ့်မရကောင်းကောင်းအသက်ရှင်လျက်နှင့်အမြင့်ဆုံးပျံ့နှံ့, aforementioned ။

ဒါကြောင့်အရေးကြီးသော DOCTYPE လား?

ဖြစ်ကောင်းဖြစ်နိုင် HTML မှာတချို့အတွေ့အကြုံမရှိသေးသော "စာရေးဆရာများ" ဟုအဆိုပါကြော်ငြာစာမျက်နှာ type ကိုလျစ်လျူရှုဖို့ကြိုးစားပါလိမ့်မယ်။ သူတို့ vyshenapisannogo ထံမှအရေးကြီးသောသတင်းအချက်အလက်များလေ့လာသင်ယူမပြုခဲ့ပါလျှင်ကောင်းပြီ, ကျွန်တော်တစ်ဦးရိုးရှင်းတဲ့ဥပမာပေးပါ။ ဤတွင်အသွင်ကူးပြောင်းရေး-template ကိုအသုံးပြုဥပမာတစ်ခုစာမျက်နှာရဲ့:

ကဒီဇိုင်နာများ၏စိတ်ကူးပေါ်တူသင့်တယ်ကြောင့်ကြည့်ပေမယ့် "» DOCTYPE ရှုပ်ထွေးဖို့ကျွန်တော်တို့ကိုတန်ဖိုးရှိ, ငါတို့သည်အောက်ပါရ:

သငျသညျမွငျနိုငျသကဲ့သို့, စာမျက်နှာသိသာထင်ရှားသောအပြောင်းအလဲများကိုခံထားပါတယ်: နောက်ခံပုံများမှေးမှိန်, မီနူးပျက်စာရင်းဖြစ်လာသည်, CSS ကိုအချို့သောအတန်းရိုးရှင်းစွာလျစ်လျူရှု, အပြင်, စာမကျြနှာဒုတိယ Scrollbar အတွက် "otros" ။

မျှော်လင့်, ဒီဥပမာအလုံအလောက်မရရှိနိုင် vyshenapisannogo ဖြစ်ပါသည်ထို့ကြောင့်ကျနော်တို့ကိုသာအာရုံစူးစိုက်မှုကိုထိန်းသိမ်းထားနိုင်သည်သို့မဟုတ်ထွက်ရှိသော, တင်းကြပ်-validation ကိုဖြတ်သန်းကြောင်းကုဒ်ရေးသားဖို့သင်ယူအရေးပါပုံကိုရှင်းပြသည်။ သငျသညျမှကံကောင်းပါစေ!