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