HTML <meta> Tag
ဥပမာ
HTML စာရွက်စာတမ်းတစ်ခုအတွင်း မက်တာဒေတာကို ဖော်ပြပါ-
<head>
<meta charset="UTF-8">
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="author" content="John Doe">
<meta
name="viewport" content="width=device-width, initial-scale=1.0">
</head>
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
Tag သည် HTML စာရွက်စာတမ်းတစ်ခု၏ မက် <meta>တာဒေတာကို သတ်မှတ်သည်။ Metadata သည် data နှင့်ပတ်သက်သော data (အချက်အလက်) ဖြစ်သည်။
<meta>တဂ်များသည် <head> ဒြပ်စင်အတွင်း အမြဲဝင်နေပြီး ပုံမှန်အားဖြင့် စာလုံးအစုံ၊ စာမျက်နှာဖော်ပြချက်၊ သော့ချက်စာလုံးများ၊ စာရွက်စာတမ်းရေးသားသူနှင့် မြင်ကွင်းပို့ဆက်တင်များကို သတ်မှတ်ရန် အသုံးပြုကြသည်။
မက်တာဒေတာကို စာမျက်နှာပေါ်တွင် ပြသမည်မဟုတ်သော်လည်း စက်ဖြင့် ဆန်းစစ်နိုင်သည်။
မက်တာဒေတာကို ဘရောက်ဆာများ (အကြောင်းအရာကိုပြသနည်း သို့မဟုတ် စာမျက်နှာကို ပြန်လည်စတင်ရန်)၊ ရှာဖွေရေးအင်ဂျင်များ (သော့ချက်စကားလုံးများ) နှင့် အခြားသော ဝဘ်ဝန်ဆောင်မှုများမှ အသုံးပြုသည်။
ဝဘ်ဒီဇိုင်နာများသည် မြင်ကွင်းပို့တ် (အသုံးပြုသူ၏မြင်သာသော ဝဘ်စာမျက်နှာတစ်ခု၏ ဧရိယာ) ကို <meta>တဂ်အားဖြင့် (အောက်ဖော်ပြပါ "ရှုခင်းကို သတ်မှတ်ခြင်း" ဥပမာကို ကြည့်ပါ) နည်းလမ်းတစ်ခုရှိသည်။
Browser ပံ့ပိုးမှု
| Element | |||||
|---|---|---|---|---|---|
| <meta> | Yes | Yes | Yes | Yes | Yes |
ဂုဏ်တော်
| Attribute | Value | Description |
|---|---|---|
| charset | character_set | Specifies the character encoding for the HTML document |
| content | text | Specifies the value associated with the http-equiv or name attribute |
| http-equiv | content-security-policy content-type default-style refresh |
Provides an HTTP header for the information/value of the content attribute |
| name | application-name author description generator keywords viewport |
Specifies a name for the metadata |
ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ
<meta>tag သည် HTML တွင် Global Attributes ကို ပံ့ပိုး ပေးပါသည်။
နောက်ထပ် ဥပမာများ
ရှာဖွေရေးအင်ဂျင်များအတွက် အဓိကစကားလုံးများကို သတ်မှတ်ပါ-
<meta name="keywords" content="HTML, CSS, JavaScript">
သင့်ဝဘ်စာမျက်နှာ၏ ဖော်ပြချက်ကို သတ်မှတ်ပါ-
<meta name="description" content="Free Web tutorials for
HTML and CSS">
စာမျက်နှာတစ်ခု၏ရေးသားသူကို သတ်မှတ်ပါ-
<meta name="author" content="John Doe">
မှတ်တမ်းကို စက္ကန့် 30 တိုင်း ပြန်လည်စတင်ပါ-
<meta http-equiv="refresh" content="30">
သင့်ဝဘ်ဆိုဒ်ကို စက်အားလုံးတွင် ကောင်းမွန်စေရန် ရှုထောင့်ကို သတ်မှတ်ခြင်း-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Viewport ကို သတ်မှတ်ခြင်း။
မြင်ကွင်းပို့တ်သည် ဝဘ်စာမျက်နှာတစ်ခု၏ အသုံးပြုသူမြင်နိုင်သော ဧရိယာဖြစ်သည်။ ၎င်းသည် စက်ပစ္စည်းနှင့် ကွဲပြားသည် - ၎င်းသည် ကွန်ပြူတာစခရင်ထက် မိုဘိုင်းလ်ဖုန်းတွင် သေးငယ်မည်ဖြစ်သည်။
<meta>သင့်ဝဘ်စာမျက်နှာများအားလုံးတွင် အောက်ပါဒြပ်စင်များ ထည့်သွင်းသင့်သည် -
<meta name="viewport" content="width=device-width, initial-scale=1.0">
၎င်းသည် စာမျက်နှာ၏အတိုင်းအတာနှင့် အရွယ်အစားကို ထိန်းချုပ်နည်းကို ဘရောက်ဆာအား လမ်းညွှန်ပေးပါသည်။
စက် width=device-width၏စခရင်အကျယ်ကိုလိုက်ရန် အပိုင်းသည် စာမျက်နှာ၏အကျယ်ကို သတ်မှတ်ပေးသည် (၎င်းသည် စက်ပေါ် မူတည်၍ ကွဲပြားလိမ့်မည်)။
စာမျက်နှာ initial-scale=1.0ကို ဘရောက်ဆာမှ ပထမဆုံး တင်သောအခါ အပိုင်းသည် ကနဦးချုံ့ချဲ့မှုအဆင့်ကို သတ်မှတ်ပေးသည်။
ဤသည်မှာ viewport မက်တာတက်ဂ် မပါဘဲ ဝဘ်စာမျက်နှာတစ်ခု၏ ဥပမာတစ်ခု နှင့် viewport မက်တာတက်ဂ်ပါသည့် ဝဘ်စာမျက်နှာ၏ တူညီ သည်-
အကြံပြုချက်- သင်သည် ဤစာမျက်နှာကို ဖုန်း သို့မဟုတ် တက်ဘလက်တစ်ခုဖြင့် ကြည့်ရှုနေပါက၊ ခြားနားချက်ကို ကြည့်ရန် အောက်ပါလင့်နှစ်ခုကို နှိပ်နိုင်ပါသည်။
ကျွန်ုပ်တို့၏ Responsive Web Design - The Viewport Tutorial တွင် viewport အကြောင်း ပိုမိုဖတ်ရှုနိုင်ပါသည် ။
ဆက်စပ်စာမျက်နှာများ
HTML သင်ခန်းစာ- HTML Head
HTML DOM ရည်ညွှန်း- Meta Object
မူရင်း CSS ဆက်တင်များ
တစ်ခုမှ