HTML <area> media 属性
示例
使用 media 属性指定目标 URL 针对的媒体/设备。
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun"
href="sun.htm" media="screen and (min-color-index:256)">
</map>
自己尝试 »
定义和用法
media 属性指定目标 URL 针对的媒体/设备。
此属性用于指定 URL 是为特殊设备（如 iPhone）、语音或印刷媒体设计的。
此属性可以接受多个值。
仅在 href 属性存在时使用。
注意：此属性纯粹是建议性的。
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| 媒体 | 是 | 是 | 是 | 是 | 是 |
语法
<area media="value">
可能的运算符
| 值 | 描述 |
|---|---|
| 和 | 指定 AND 运算符 |
| 不 | 指定 NOT 运算符 |
| , | 或 |
设备
| 值 | 描述 |
|---|---|
| 所有 | 默认值。适合所有设备 |
| 听觉的 | 语音合成器 |
| 盲文 | 盲文反馈设备 |
| 手持 | 手持设备（小屏幕，带宽有限） |
| 投影 | 投影仪 |
| 打印 | 打印预览模式/打印页面 |
| 屏幕 | 计算机屏幕 |
| tty | 电传打字机和使用固定间距字符网格的类似媒体 |
| 电视 | 电视类型设备（低分辨率，滚动能力有限） |
值
| 值 | 描述 |
|---|---|
| 宽度 | 指定目标显示区域的宽度。 可以使用 "min-" 和 "max-" 前缀。 示例：media="screen and (min-width:500px)" |
| 高度 | 指定目标显示区域的高度。可以使用 "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)" |
| 方向 | 指定目标显示器/纸张的方向。 可能的值："纵向" 或 "横向" 示例：media="all and (orientation: landscape)" |
| 纵横比 | 指定目标显示区域的宽高比。 可以使用 "min-" 和 "max-" 前缀。 示例：media="screen and (aspect-ratio:16/9)" |
| device-aspect-ratio | 指定目标显示器/纸张的设备宽度/设备高度比率。 可以使用 "min-" 和 "max-" 前缀。 示例：media="screen and (aspect-ratio:16/9)" |
| 颜色 | 指定目标显示器的每种颜色的比特数。 可以使用 "min-" 和 "max-" 前缀。 示例：media="screen and (color:3)" |
| color-index | 指定目标显示器可以处理的颜色数量。 可以使用 "min-" 和 "max-" 前缀。 示例：media="screen and (min-color-index:256)" |
| 单色 | 指定单色帧缓冲区中的每像素位数。 可以使用 "min-" 和 "max-" 前缀。 示例：media="screen and (monochrome:2)" |
| 分辨率 | 指定目标显示器/纸张的像素密度（dpi 或 dpcm）。 可以使用 "min-" 和 "max-" 前缀。 示例：media="print and (resolution:300dpi)" |
| 扫描 | 指定电视显示器的扫描方式。 可能的值为“逐行扫描”和“隔行扫描”。 示例：media="tv and (scan:interlace)" |
| 网格 | 指定输出设备是网格还是位图。 可能的值为网格为“1”，否则为“0”。 示例：media="handheld and (grid:1)" |
❮ HTML <area> 标签
