HTML media 属性指定链接文档针对的媒体或设备进行优化。此属性指定目标 URL 是为 iPhone、语音或印刷媒体等设备设计的。该属性可以接受多个值。这只能在存在 href 属性时使用。
可能的运营商：
| Value | Description |
|---|---|
| and | AND operator |
| not | NOT operator |
| , | OR operator |
设备：
| Value | Description |
|---|---|
| all | Suitable for all devices |
| aural | Speech synthesizers |
| braille | Braille feedback devices |
| handheld | Handheld devices (small screen, limited bandwidth) |
| projection | Projectors |
| Print preview mode/printed pages | |
| screen | Computer screens |
| tty | Teletypes and similar media using a fixed-pitch character grid |
| tv | Low resolution or limited scroll ability type devices like Television. |
价值观：
| Value | Description |
|---|---|
| width | Targeted display area’s width. |
| height | Targeted display area’s height |
| device-width | Target display or paper’s width. |
| device-height | Target display or paper’s height. |
| orientation | Target display or paper’s orientation. |
| aspect-ratio | Width/height ratio of the targeted display area. |
| device-aspect-ratio | Device-width/device-height ratio of the target display/paper. |
| color | Bits per color of target display. |
| color-index | Number of colors the target display can handle. |
| monochrome | Bits per pixel in a monochrome frame buffer. |
| resolution | Pixel density (dpi or dpcm) of the target display/paper. |
| scan | Scanning method of a tv display. |
| grid | If the output device is grid or bitmap. |
注意：可以使用像“min-”和“max-”这样的前缀。
例子：
HTML
HTML anchor media Attribute
GeeksForGeeks
HTML anchor media Attribute
Click to open in the same tab
Click to open in a different tab
\
输出：
支持的浏览器： HTML media 属性支持的浏览器如下：
- 谷歌浏览器
- IE浏览器
- 火狐
- 苹果Safari
- 歌剧