တစ်ခုက HTML Element ကိုပီသသူရဲ့ကွာခြားချက်တစ်ခုက HTML Tag ကိုဆိုတာဘာလဲ

အဲဒီနှစ်ယောက်ကစည်းမျဉ်းများအကြားတစ်ဦး Difference ရှိပါတယ်

web design, မည်သည့်စက်မှုလုပ်ငန်းသို့မဟုတ်အလုပ်အကိုင်ကဲ့သို့အားလုံး၎င်း၏ကိုယ်ပိုင်ဘာသာစကားတစ်ခုကိုရှိပါတယ်။ သင်စက်မှုလုပ်ငန်းရိုက်ထည့်ပါနှင့်သင့်ရွယ်တူချင်းရန်စကားပြောကိုစတင်အဖြစ်, သငျသညျခြောသငျသညျအသစ်ဖြစ်ကြောင်းအသုံးအနှုန်းများနှင့်စာပိုဒ်တိုများ၏ကသီသို့ပြေးပေမယ့်ထားတဲ့သင့်ရဲ့သူချင်းကို web ပညာရှင်များ၏လျှာ၏စီးဆင်းမှုပါလိမ့်မယ်။ သငျသညျနားထောငျမညျစည်းကမ်းချက်များနှစျယောကျက HTML "tag ကို" နှင့် "ဒြပ်စင်" ဖြစ်ပါသည်။

သငျသညျပွောဆိုနှစ်ခုဝေါဟာရများကိုနားထောငျအတိုငျး, သငျသညျကိုသူတို့အတန်ငယ်အပြန်အလှန်ဖလှယ်အသုံးပြုလျက်ရှိသည်သဘောပေါက်လိမ့်မည်။ ကဲ့သို့သောသူတို့က HTML ကုဒ်တွေနဲ့အလုပ်လုပ်နေစတင်ရသောအခါများစွာသောအသစ်ဟာ web ပညာရှင်များရှိသည်သောတဦးတည်းဆိုတဲ့မေးခွန်းကို "တစ်ခုက HTML Tag ကိုကာက HTML Element ကိုအကြားကွာခြားချက်ကဘာလဲဆိုတာ?" ဖြစ်ပါတယ်

အဲဒီနှစျခုအသုံးအနှုန်းများအဓိပ်ပာယျဆင်တူကြသော်လည်း, သူတို့ကတကယ် synonym တွေဟာမရှိကြပေ။ ဒီတော့ဒီဝေါဟာရနှစ်ခုကိုအတူတြူကဘာလဲ? အတိုဆုံးဖြေ tags များနှင့်ဒြပ်စင်နှစ်ခုလုံးက HTML ရေးသားဖို့အသုံးပြုတဲ့ markup ရည်ညွှန်းသောကွောငျ့ဖွစျသညျ။ ဥပမာအားဖြင့်, သင်လင့်များဖန်တီးရန်အပိုဒ်ဒါမှမဟုတ် ဒြပ်စင်သတ်မှတ်ပေးရန်

tag ကိုအသုံးပြုနေသည်ဟုပြောပေလိမ့်မည်။ လူအတော်များများဟာအပြန်အလှန်ဖလှယ်စည်းကမ်းချက်များ tag ကိုများနှင့်ဒြပ်စင်ကိုသုံးခြင်းနှင့်သင်နှင့်အတူမပြောတတ်မဆိုက်ဘ်ဒီဇိုင်နာသို့မဟုတ်ဆော့ဖ်ဝဲရေးသငျသညျအဓိပ်ပာယျသောအရာကိုနားလည်ပေမယ့်လက်တွေ့ဘဝဝေါဟာရနှစ်ခုကိုအကြားအနည်းငယ်ကွာခြားချက်ရှိကွောငျးဖြစ်ပါတယ်။

HTML ကိုတစ်ဦးဖြစ်ပါတယ် markup ဘာသာစကား အဲဒါကိုပထမဦးဆုံးစုစည်းခံရဖို့မလိုဘဲပုဂ္ဂိုလ်တစ်ဦးအားဖြင့်ဖတ်ပါနိုင် codes တွေကိုနှင့်အတူရေးထားသမျှသောဆိုလိုတာက။ တစ်နည်းအားဖြင့်တစ်ဦးကို web စာမျက်နှာပေါ်တွင်စာသားစာသားဖော်ပြရန်ဖို့ဘယ်လိုပေါ် web browser ကိုညွှန်ကြားချက်ပေးစေခြင်းငှါဤအ codes တွေကိုနှင့်အတူ "ထမှတ်သား" ဖြစ်ပါတယ်။ ဤရွေ့ကား markup tags များက HTML tags များသူတို့ကိုယ်သူတို့ဖြစ်ကြသည်။

သငျသညျက HTML ကိုရေးသားလိုက်တဲ့အခါ, သင်က HTML tags များရေးသားခြင်းနေကြသည်။ အားလုံးက HTML tags များအပါအဝင်သီးခြားအစိတ်အပိုင်းများ, တစ်အရေအတွက်တက်ထားကြပါတယ်:

• တစ်ဦးကလျော့နည်း-ထက်နိမိတ်လက္ခဏာ <
• အရာ tag ကိုစာဖြင့်ရေးသားလျက်ရှိသည်ကိုဆုံးဖြတ်ရန်သောစကားလုံးသို့မဟုတ်ဇာတ်ကောင်
• optional ကိုမဆိုအရေအတွက်က HTML ကို attributes အမည် = "value ကို" pair တစုံ၏ပုံစံ
• နောက်ဆုံးကြီးမြတ်သော-ထက်နိမိတ်လက္ခဏာကို>

ဥပမာအားဖြင့်, ဤနေရာတွင်အချို့သော HTML တဂ်နေသောခေါင်းစဉ်:

ဤသူတို့သည်ထည့်သွင်းမဆို optional ကို attribute တွေမပါဘဲ, ရှိသမျှ HTML ကိုဖွင့်လှစ် tags များဖြစ်ကြသည်။ ဤရွေ့ကား tags များကိုယ်စားပြု:

• - တစ်အပိုဒ်သတ်မှတ်ပါတယ်။

• - က HTML အဖြစ်စာမျက်နှာသတ်မှတ်ပါတယ်
• - ကွဲပြားခြင်းသတ်မှတ်ပါတယ်။

အောက်ပါကိုလည်း HTML တဂ်နေသောခေါင်းစဉ်:

• ဤဥပမာရှိသမျှတို့ကိုဖွင့်လှစ်က HTML tags များထည့်သွင်းခဲ့ကြကြောင်း attribute တွေပါဝင်သည်။

  • တစ်ဦး၏ ID attribute ကပါဝင်သည်တစ်ခုနံပါတ်စဉ်မပါတဲ့ list ဖြစ်ပါတယ်
    • အဆိုပါဌာနခွဲမှတစ်ဦးလူတန်းစား attribute ကိုရှိပါတယ်
    • အဆိုပါကျောက်ဆူး, ဒါမှမဟုတ် link ကို, ဒြပ်စင်သည် "href" attribute ကပါဝင်သည်
    • တစ်ဦး "src" attribute ကိုအတူပုံရိပ်ကို tag ကို

    အဆိုပါကျောက်ဆူးများနှင့်ပုံရိပ်ကို tags များအဘို့, attribute တွေအမှန်တကယ် optional ကိုမဟုတ်သူတွေကို tags များစနစ်တကျဖော်ပြရန်ဘို့, သူတို့လိုအပ်သောဖြစ်ကြသည်။ သင်ကပုံရိပ် (ထို "src" attribute ကိုထောက်ပံ့ပေးအဘယ်သို့သောအရာ) ကိုပြသသောအရာကို (ထို "href" မအဘယ်သို့သောအရာ) ရှိရာသွားကြဖို့ link ကိုပြောပြရန်မလိုအပ်ပါ။

    HTML ကို Element တွေကိုဘာတွေလဲ

    ယင်းအဆိုအရ W3C က HTML သတ်မှတ်ချက်တစ်ခု element က HTML ၏အခြေခံအဆောက်အဦပိတ်ပင်တားဆီးမှုဖြစ်ပြီးပုံမှန်အားဖြင့်နှစ်ခု tags များ၏ထဖန်ဆင်းထားသည်: တစ်ခုဖွင့်လှစ် tag ကိုနှင့်ပိတ် tag ကို။ ဒါကြောင့်ယခုအချိန်အထိသာဒြပ်စင်စတင်သည်သော tags များဖွင့်လှစ်ကြည့်ရှုခဲ့ကြသည်။ ကြောင်းဒြပ်စင်ကိုအဆုံးသတ်စေရန်, သငျသညျသက်ဆိုင်ရာပိတ်ပွဲ tags များရေးပါ။

    ဥပမာ, အပိုဒ်ဒြပ်စင်အဘို့အသင်ဤရေးရန်:

    - ဤကျနော်တို့ခဏအကြာကိုမြင်လျှင်အဖြစ်ပိတ်ပွဲ tag ကိုပေးသောအဖွင့် tag ကိုတက်လုပ်ဖြစ်ပါတယ်။ ပိတ် tags များကယ့်ကိုထပ်ခါတလဲလဲဖွင့်ဖွင့်လှစ် tag ကိုသော်လည်း, ကို "ရှေ့ကိုမျဉ်းစောင်း" နှင့်အတူ "သင်္ကေတထက်လျော့နည်း" နောက်မှတိုက်ရိုက်ထည့်သွင်းပြောကြားခဲ့သည်။

    အားလုံးနီးပါးက HTML element တွေကိုတစ်ခုဖွင့်လှစ် tag ကိုနှင့်ပိတ်ပွဲ tag ကိုရှိသည်။ ဤရွေ့ကား tags များဝဘ်စာမျက်နှာပေါ်တွင်ပြသပေးမှာသောစာသားကိုဝန်းရံ။ ဥပမာအားဖြင့်, စာသားတစ်ခုအပိုဒ်ရေးသားဖို့, သင်ကစာသားစာမျက်နှာပေါ်တွင်ဖော်ပြရန်ပြီးတော့ထိုအ tags များနှင့်အတူကဝန်းရံစာရေး:

    ဒါကသင်ဝက်ဘ်စာမျက်နှာပေါ်တွင်ဖော်ပြပေးချင်ပါတယ်သောအပိုဒ်၏စာသားကိုရေးပါမယ်လို့ဘယ်မှာဖြစ်ပါတယ်။

    တချို့က HTML element တွေကိုတစ်ဦးပိတ်ပွဲ tag ကိုမရှိဘူး။ ဤ "အချည်းနှီးသောဒြပ်စင်များ" ဟုခေါ်ကြသည်။ တခါတရံမှာသူတို့ကလည်း "အဖြစ်ရည်ညွှန်းကြသည် Singleton " သို့မဟုတ် "ပျက်ပြယ်" element တွေ။ သင်သာသင်၏ဝဘ်စာမျက်နှာ၌တဦးတည်း tag ကိုထည့်သွင်းရန်ရှိသည်နှင့် browser ကိုဘာလုပ်ရမယ်ဆိုတာသိပါလိမ့်မယ်ဘာဖြစ်လို့လဲဆိုတော့အချည်းနှီးသောဒြပ်စင်များသုံးစွဲဖို့လွယ်ကူပါတယ်။ ဥပမာအားဖြင့်, သင့်စာမျက်နှာတစ်ခုတည်းမှာ line break ကိုထည့်သွင်းဖို့သင်ခ
    tag ကိုအသုံးပွုရလိမ့်မယ်။

    သာတစ်ခုဖွင့်လှစ် tag ကိုပါဝင်သောနောက်ထပ်ဘုံ element က "image ကို" ဒြပ်စင်ဖြစ်သည်။ ဥပမာ:

    ကျနော်တို့အစောပိုင်းကဒီဥပမာကိုမွငျလြှငျ, ဒါပေမယ့်ဒီပုံရိပ်ဒြပ်စင်အဘို့အဘယ်သူမျှမပိတ် tag ကိုလည်းမရှိ။ အဆိုပါ browser ကိုရိုးရှင်းစွာ "href" attribute မှာကိုးကားသောပုံရိပ်နှင့်အတူဤကုဒ်ကိုအစားထိုးမယ်။ ဤကိစ္စတွင်ခုနှစ်, ထို "logo.png" ဖြစ်လိမ့်မည်။

    ငါက HTML element ကသို့မဟုတ် tag ကိုရည်ညွှန်းတဲ့အခါမှာယေဘုယျအားဖြင့်, ငါဒြပ်စင် (အဖွင့်ပွဲနှင့်ပိတ်ပွဲ tags များနှစ်ဦးစလုံး) ၏အားလုံးအစိတ်အပိုင်းများကိုရည်ညွှန်းပြီးသူဖြစ်ကြောင်းကိုညွှန်ပြရန်ဟူသောဝေါဟာရကို "ဒြပ်စင်" ကိုသုံးပါလိမ့်မယ်။ ငါတကယ်တစ်ဦးတည်းသာပါသို့မဟုတ်အခြားအကိုရည်ညွှန်းတာဖြစ်ပါတယ် "tag ကို" သုံးပါ။ ဤဝေါဟာရနှစ်ခုကို၏သငျ့လျြောသောအသုံးပြုမှုဖြစ်ပြီး, သူတို့ကိုငါစနစ်တကျသုံးစွဲဖို့သငျသညျအားပေး - ပေမယ့်ချော်သူတို့ကိုနည်းနည်း interchange လျှင်, သင်ဆဲအသစ်ရဲ့တဲ့ web development ရွယ်တူများကနားလည်သဘောပေါက်ကြလိမ့်မည်သင်တို့သိရ!

    ဂျနီဖာ Krynin ခြင်းဖြင့်မူရင်းဆောင်းပါး။ 7/21/17 အပေါ်ဂျယ်ရမီ Girard တည်းဖြတ်