ဟန်တီလိုင် <meta> ချက်
ဖော်ပြခြင်း နှင့် အသုံးပြုခြင်း
<meta>
အချက်အလက် အရာ သည် အချက်အလက် ဖော်ပြသည်၊ အချက်အလက် အရာ သည် အချက်အလက် အကြောင်းအရာ (အချက်အလက်) ဖြစ်သည် (အချက်အလက်)
<meta>
အချက်အလက် သည် အချင်းချင်း အတွင်း၌ တည်ရှိသည် <head> အရာ အရာဝတ္တရ အတွင်း၌ ပုံးချုပ် သုံးစွဲပါ အကျုပ်အချုပ်၊ စာမေးသတ္တိ၊ အကြောင်းအရာ သို့မဟုတ် အချုပ်အချုပ် ပြင်ဆင်မှု ပြင်ဆင်ပါ
ဘာသာပြန်လာ သည် စာမေးသတ္တိ ပြင်ဆင်သည့် စာမေးသတ္တိ တွင် ပြသလောက် မဟုတ် သား၊ သို့သော် မကြာခဏ အခက်အခဲ ဖြင့် ကြည့်ပါ
ဘာသာပြန်လာ ကိုယ်တိုင် ပြင်ဆင်ပြီး ပြသပြီး စာမေးသတ္တိများ (အကြောင်းအရာ) နှင့် အခြား ပြင်ဆင်သည့် လူသတ္တိများ အသုံးပြုသည်
提示:meta အရာ သည် အခြား အသုံးပြုနည်း မျိုးပေါင်း များစွာ ရှိ ပြီး အချိန်ပြီး HTML စာသင်္ကေတ တွင် ပိုမိုသုံးစွဲနိုင်သည်
提示:ဖြင့် <meta>
အချက်အလက် အတွက် လူသတ္တိပုံ ကို ပြင်ဆင်ပြီး ဖော်ပြရန် အချက်အလက် တစ်ခုတည်းသာ အသုံးပြုသည် (အောက်ပါ "လူသတ္တိပုံ အစီအစဥ်" ကို ကျွန်ုပ် ကြည့်ပါ)
မှတ်ချက်:ရှိသော meta အရာ သည် တစ်ခုတည်းသာ အသုံးပြုနိုင်သည်။ အသုံးပြုရန် သင့်တော်မည့် အခွင့်အရေး အသုံးပြုရာတွင် အချင်းချင်းတွင် ပိုမိုသုံးစွဲနိုင်သော head အရာ ထပ်ထည့်ပါ
အခါတစ်ခါ ကျွန်ုပ်
HTML ဖိတ်ဝင်HTML အ�处
HTML DOM ကိုးကွယ်မှု စာအုပ်:Meta အရာ
အကျယ့်
<head> <meta charset="UTF-8"> <meta name="description" content="免费的 Web 教程"> <meta name="keywords" content="HTML, CSS, JavaScript"> <meta name="author" content="Bill Gates"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head>
အခွင့်အရေး
အခွင့်အရေး | အမှတ် | ဖော်ပြ |
---|---|---|
charset | အကျုပ်အချုပ် | HTML စာသင်္ကေတ ကုက္ခမဲ့ အကျုပ်အချုပ် သတ်မှတ်ပါ |
content | ရေးသားခြင်း | သတ်မှတ်သည့် အကိုးအခံ သို့မဟုတ် name အခွင့်အရေး ဖော်ထုတ်သည့် တုံ့ချယ်မှု |
http-equiv |
|
content လုပ်ဖျက် အချက်အလက်/အသုံးပြု အချက်အလက် ကို HTTP အချက်အလက် အစိုးရ အပေါ် ပြန်လည်ပေးသည် |
name |
|
အချက်အလက် အမည် ကို ကြေညာပြီး |
အများပြား အက္ခရာ
<meta>
လုပ်ဖျက် ကုန်းလုံး HTML တွင် အများပြား အက္ခရာ.
meta လုပ်ဖျက် ကို အသုံးပြုသည် မှာ အများအပြား နည်းလမ်း ၃ ခု ရှိသည်
- အမည်/အသုံးပြု အချက်အလက် များ ဖော်ပြခြင်း
- လုပ်ဖျက် အက္ခရာ ကြောင်း
- အင်္ဂါစိတ် HTTP အချက်အလက် အစား
၁: အမည်/အသုံးပြု အချက်အလက် များ အမျိုးမျိုး ဖော်ပြခြင်း
meta လုပ်ဖျက် ကို အမည်/အသုံးပြု အချက်အလက် ကို ဖော်ပြရန် အသုံးပြုသည်၊ အရာမှာ name နှင့် content လုပ်ဖျက် ကို အသုံးပြုပါ
လက်မှတ်တံဆိပ် လုပ်ဖျက် ကို ဖော်ပြခြင်း
<meta name="keywords" content="HTML, CSS, JavaScript">
ဝတ္ထု နှင့် ပတ်သတ်သည် အကြောင်းကြားချက် ကို ဖော်ပြခြင်း
<meta name="description" content="Free Web tutorials for HTML and CSS">
ဝတ္ထု ကို သူ အကြီးတန်း ပြောဆိုခြင်း
<meta name="author" content="John Doe">
လုပ်ဖျက် ပြင်ဆင်ခြင်း ပြုလုပ်ပြီး ဝတ္ထု ကို အချိန်မှာ ပျက်ကွက်စေသည်
<meta name="viewport" content="width=device-width, initial-scale=1.0">
၂: လုပ်ဖျက် အက္ခရာ ကြောင်း
charset လုပ်ဖျက် ကို အသုံးပြု၍ ဒီ ဝတ္ထု ကို UTF-8 လုပ်ဖျက် အောင်မြင်စွာ ပြင်ဆင်ပြီ
<meta charset="UTF-8">
၃: အင်္ဂါစိတ် HTTP အချက်အလက် အစား
http-equiv လုပ်ဖျက် နှင့် content လုပ်ဖျက် ကို အသုံးပြု၍ ဝတ္ထု ကို အတိုက် ၃၀ စက္ကူ အစားထိုးပြီး
<meta http-equiv="refresh" content="30">
HTML5 တွင် ပြောင်းလဲမှု
charset လုပ်ဖျက် ကို HTML5 တွင် ထပ်ပေါင်းခဲ့သည်
HTML4 တွင် http-equiv လုပ်ဖျက် ကို အများအပြား ခုနစ်မျိုး မျှ ကို အသုံးပြုနိုင်သည်
HTML4 တွင် စကားလုံး လုပ်ဖျက် သည် မှာ လုပ်ဖျက် အခါ မဟုတ်ဘဲ
ဒီ အခါ လုပ်ဖျက် အစိုးရ ကို ဝတ္ထု သုံး နေသည် မဟုတ်ဘဲ
လုပ်ဖျက် ပြင်ဆင်ခြင်း
HTML5 တွင် လုပ်ဖျက် ဒီ စကားရပ် တစ်ခု မှာ လုပ်ဖျက် ဒီ လုပ်ဖျက် ပြင်ဆင်ခြင်း <meta>
လုပ်ဖျက် ပြင်ဆင်ခြင်း
သင်သည် အားလုံး ဝတ္ထု ကို ပါဝင်သင့်သည် <meta>
လုပ်ဖျက် အစိုးရ
<meta name="viewport" content="width=device-width, initial-scale=1.0">
它为浏览器提供了关于如何控制页面尺寸和缩放比例的指令。
width=device-width
部分将页面的宽度设置为跟随设备的屏幕宽度(视设备而定)。
当浏览器首次加载页面时,initial-scale=1.0
部分设置初始缩放级别。
下面分别是不带视口 meta 标签的网页、以及带视口 meta 标签的网页的例子:
提示:如果您使用手机或平板电脑浏览这张页面,则可以单击下面的两个链接以查看不同之处。
默认的 CSS 设置
无。
浏览器支持
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
支持 | 支持 | 支持 | 支持 | 支持 |