HTML <area> media အကိုးခံ
အသုံးပြုနည်း နှင့် လက်ခံမှု
media
အကိုးခံ သဘောတူသော သတင်းစကား အတွက် အလိုက် ပစ္စည်း သို့မဟုတ် အသုံးပြု ဖြစ်ပါသည်。
ဒါ အကိုးခံ သဘောတူသော သတင်းစကား URL သည် အထူး ပစ္စည်း (ဥပမာ iPhone)၊ အသံအသတင်း သို့မဟုတ် စာစကား သတင်းစကား အတွက် ပေါ်ပေါက်ပါသည်。
ဒါ အကိုးခံ အသုံးပြု ဖြစ်ပါသည်。
ရှိနေ သောအခါ သာ href အကိုးခံ အချိန်ကို အသုံးပြုလျက်
အကြောင်းပြချက်:ဒါ အကိုးခံ သဘောတူသော ဖြစ်ပါသည်。
အကြောင်းကြား
သုံးလုံး media အကိုးခံ ပေးရန် သဘောတူသော သတင်းစကား/ပစ္စည်း:
<map name="planetmap"> <area shape="rect" coords="0,0,114,576" alt="Sun" href="sun.html" media="screen and (min-color-index:256)"> </map>
အက္ခရာ
<area media="value>
ပေးချိန်
အသုံးပြုသူ | ဖော်ပြ |
---|---|
and | ပေးချိန် AND အသုံးပြုသည် |
not | ပေးချိန် NOT အသုံးပြုသည် |
, | ပေးချိန် OR အသုံးပြုသည် |
အသုံးပြုသူ
ပေးချိန် | ဖော်ပြ |
---|---|
အသုံးပြုသည် | အခြေခံ |
aural | အသံ ပေါင်းစပ်အသုံးပြုသည် |
braille | ဘာရီ အကူအညီပေးသော အသုံးပြုသည် |
handheld | လက်ခံအသုံးပြုသူ အသုံးပြုသည် (ပင်လုံး ကြီးကြိုး အသုံးပြုသည်) |
projection | ပြောင်းလဲသည် |
စက်တင် ပုံစံ/စက်တင် စာကြိုး | |
screen | ကွန်ပျူတာ ပုံစံ |
tty | အသင်္ကေတ စကားလုံး အသုံးပြုသည် သို့မဟုတ် အသင်္ကေတ စကားလုံး အသုံးပြုသည် |
tv | ရုပ်ရှင်ပုံစံ အသုံးချသော အသုံးပြုသူ အသုံးပြုသည် (ပင်လုံး ကြီးကြိုး အသုံးပြုသည်) |
ပေးချိန်
ပေးချိန် | ဖော်ပြ |
---|---|
width |
ပေးချိန်ရှိသော ပုံစံကြောင်းကို အသိအမှတ်ပြုရသည်。 "min-" နှင့် "max-" ပြက်လုပ် ပါသည်။ အစားသားပြောင်းလဲသည်: media="screen and (min-width:500px)" |
height |
ပေးချိန်ရှိသော ပုံစံကြောင်းကို အသိအမှတ်ပြုရသည်。 "min-" နှင့် "max-" ပြက်လုပ် ပါသည်။ အစားသားပြောင်းလဲသည်: media="screen and (max-height:700px)" |
device-width |
ပေးချိန်ရှိသော ပုံစံကြောင်းကို အသိအမှတ်ပြုရသည်。 "min-" နှင့် "max-" ပြက်လုပ် ပါသည်။ အစားသားပြောင်းလဲသည်: media="screen and (device-width:500px)" |
device-height |
ပေးချိန်ရှိသော ပုံစံကြောင်းကို အသိအမှတ်ပြုရသည်。 "min-" နှင့် "max-" ပြက်လုပ် ပါသည်။ အစားသားပြောင်းလဲသည်: media="screen and (device-height:500px)" |
orientation |
ပေးချိန်ရှိသော ပုံစံကြောင်းကို အသိအမှတ်ပြုရသည်。 ပေးချိန်ရှိသော ပုံစံကြောင်းကို အသိအမှတ်ပြုရသည်。 အစားသားပြောင်းလဲသည်: media="all and (orientation: landscape)" |
aspect-ratio |
ပေးချိန်ရှိသော ပုံစံကြောင်းကို အသိအမှတ်ပြုရသည်。 "min-" နှင့် "max-" ပြက်လုပ် ပါသည်။ အစားသားပြောင်းလဲသည်: media="screen and (aspect-ratio:16/9)" |
device-aspect-ratio |
ပေးချိန်ရှိသော ပုံစံကြောင်းကို အသိအမှတ်ပြုရသည်。 "min-" နှင့် "max-" ပြက်လုပ် ပါသည်။ အစားသားပြောင်းလဲသည်: media="screen and (aspect-ratio:16/9)" |
color |
ပေးချိန်ရှိသော ပုံစံကြောင်းကို အသိအမှတ်ပြုရသည်。 "min-" နှင့် "max-" ပြက်လုပ် ပါသည်။ အစားသားပြောင်းလဲသည်: media="screen and (color:3)" |
color-index |
ပေးချိန်ရှိသော ပုံစံကြောင်းကို အသိအမှတ်ပြုရသည်。 "min-" နှင့် "max-" ပြက်လုပ် ပါသည်။ အစားသားပြောင်းလဲသည်: media="screen and (min-color-index:256)" |
monochrome |
အသံသုံး အချက်အလက် အတွက် ပြောဆိုထားပါသည်။ "min-" နှင့် "max-" ပြက်လုပ် ပါသည်။ အမှတ်အသား: media="screen and (monochrome:2)" |
resolution |
ရည်ရွယ်ထားသော ပြား/ကြက် အားကစား အက်ဒေါက် (dpi သို့မဟုတ် dpcm) ကို ကိုးကွယ်ထားပါသည်။ "min-" နှင့် "max-" ပြက်လုပ် ပါသည်။ အမှတ်အသား: media="print and (resolution:300dpi)" |
scan |
tv ပြန်ကြားသည့် အစီအစဉ် ကို ကိုးကွယ်ထားပါသည်။ အခြား အရာ: "progressive" နှင့် "interlace" အမှတ်အသား: media="tv and (scan:interlace)" |
grid |
တုပ်ထုတ်ရမည့် အားကစား အက်ဒေါက် သို့မဟုတ် ဘာသာပြန် ကို ကိုးကွယ်ထားပါသည်။ အခြား အရာ: "1" သည် မျက်နှာပြင် ဖြစ်ပါသည်။ "0" သည် အခြား ဖြစ်ပါသည်။ အမှတ်အသား: media="handheld and (grid:1)" |
ဘာသာပြန်လည်ရှိ ဘာသာပြန်
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
ထောက်ပံ့ | ထောက်ပံ့ | ထောက်ပံ့ | ထောက်ပံ့ | ထောက်ပံ့ |