HTML media 属性
定义和用法
media
属性规定链接文档针对哪种媒体或设备进行了优化。
此属性用于规定目标 URL 是为特殊设备(如 iPhone)、语音或印刷媒体设计的。
iki ceceka a daceceka a daceceka a daceceka.
zaiwa ceceka href ceceka kai a bace a daceceka.
kare:iki ceceka na dace a daceceka.
nuna
dabara ceceka media:
<a href="att_a_media.asp?output=print" media="print and (resolution:300dpi)"> افتح صفحة خاصية media المخصصة للطباعة </a>
النحو
<a media="القيمة>
المعادلات الممكنة
المعادلات | الوصف |
---|---|
and | يحدد عملاً AND. |
not | يحدد عملاً NOT. |
, | يحدد عملاً OR. |
الجهاز
القيمة | الوصف |
---|---|
all | الافتراضي. يناسب جميع الأجهزة. |
aural | مكبر للصوت. |
braille | جهاز إصدار برايل. |
handheld | أجهزة محمولة (شاشة صغيرة، نطاق تردد محدود). |
projection | مشروع. |
عرض الطباعة المسبق/صفحة الطباعة. | |
screen | شاشة الكمبيوتر. |
tty | مكتبات إلكترونية وكائنات مشابهة تستخدم شبكة الأحرف المتساوية. |
tv | أجهزة التلفزيون (دقة منخفضة، قدرة على التصفح المحدودة). |
القيمة
القيمة | الوصف |
---|---|
width |
يحدد عرض المنطقة المستهدفة. Za a iya amfani da sunan "min-" da "max-". مثال: media="screen and (min-width:500px)" |
height |
يحدد طول المنطقة المستهدفة. Za a iya amfani da sunan "min-" da "max-". مثال: media="screen and (max-height:700px)" |
device-width |
يحدد عرض جهاز العرض/ورق الورق المستهدف. Za a iya amfani da sunan "min-" da "max-". مثال: media="screen and (device-width:500px)" |
device-height |
يحدد طول جهاز العرض/ورق الورق المستهدف. Za a iya amfani da sunan "min-" da "max-". مثال: media="screen and (device-height:500px)" |
orientation |
يحدد اتجاه جهاز العرض/ورق الورق المستهدف. القيم الممكنة: "portrait" أو "landscape" مثال: media="all and (orientation: landscape)" |
aspect-ratio |
يحدد نسبة العرض/الطول للمنطقة المستهدفة. Za a iya amfani da sunan "min-" da "max-". مثال: media="screen and (aspect-ratio:16/9)" |
device-aspect-ratio |
يحدد نسبة عرض/طول جهاز العرض/ورق الورق. Za a iya amfani da sunan "min-" da "max-". مثال: media="screen and (aspect-ratio:16/9)" |
color |
يحدد عدد الأرقام التي تشكل كل لون في جهاز العرض المستهدف. Za a iya amfani da sunan "min-" da "max-". مثال: media="screen and (color:3)" |
color-index |
يحدد عدد الألوان التي يمكن عرضها على جهاز العرض المستهدف. Za a iya amfani da sunan "min-" da "max-". مثال: media="screen and (min-color-index:256)" |
monochrome |
Duba cewa yana nufin bayanai na bayanai a fata na fata na fata. Za a iya amfani da sunan "min-" da "max-". Tarihin: media="screen and (monochrome:2)" |
resolution |
Duba cewa yana nufin yawan pin na ƙasa ko ƙasa (dpi ko dpcm). Za a iya amfani da sunan "min-" da "max-". Tarihin: media="print and (resolution:300dpi)" |
scan |
Duba cewa yana nufin harsasawa tv. Mutumaki: "progressive" da "interlace". Tarihin: media="tv and (scan:interlace)" |
grid |
Duba cewa kuma yana nufin grid ko bitmap. Mutumaki: "1" yana nufin grid, "0" yana nufin dake. Tarihin: media="handheld and (grid:1)" |
Rarrabawar Browser
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Nuna | Nuna | Nuna | Nuna | Nuna |