English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La propiedad media <a> es HTML5 Añadida propiedad; este artículo describe el uso de la propiedad media <a>, se muestra un ejemplo en línea de cómo utilizar la propiedad media <a>, la compatibilidad del navegador, la definición sintáctica y la información detallada de sus valores.
A continuación se muestra el enlace utilizando la propiedad media:
<a href="/tags/att-a-media.html?output=print" media="print and (resolution:300dpi)">Página de atributos de medios impresos</a>Prueba para ver ‹/›
IEFirefoxOperaChromeSafari
Todos los navegadores principales admiten la propiedad media.
La propiedad media especifica qué tipo de medios está destinado el documento de enlace/Optimizado para dispositivos.
Este atributo se utiliza para especificar que la URL de destino está diseñada para dispositivos especiales (por ejemplo, iPhone), medios de voz o impresión.
Este atributo puede aceptar múltiples valores.
Utilizarlo solo cuando exista el atributo href.
Nota: Este atributo es puramente sugerente.
Este atributo es HTML5 del nuevo atributo en
<a media="value>
| Operadores | Descripción |
|---|---|
| and | Se especifica el operador AND. |
| not | Se especifica el operador NOT. |
| , | Se especifica el operador OR. |
| Valor | Descripción |
|---|---|
| all | Por defecto. Adecuado para todos los dispositivos. |
| aural | Sintetizador de voz. |
| braille | Dispositivos de retroalimentación en braille. |
| handheld | Dispositivos portátiles (pantalla pequeña, ancho de banda limitado). |
| projection | Proyector. |
| Modo de vista previa de impresión/Página impresa. | |
| screen | Pantalla de computadora. |
| tty | Máquinas telegráficas y otros medios que utilizan una cuadrícula de caracteres de ancho fijo. |
| tv | Dispositivos de tipo televisión (baja resolución, capacidad de paginación limitada). |
| Valor | Descripción |
|---|---|
| width | Se especifica el ancho de la región de visualización del monitor objetivo Se puede usar "min-" y "max-" prefijo. Ejemplo: media="screen and (min-width:500px)" |
| height | Se especifica la altura de la región de visualización del monitor objetivo Se puede usar "min-" y "max-" prefijo. Ejemplo: media="screen and (max-height:700px)" |
| device-width | Se especifica el monitor objetivo/Ancho del papel. Se puede usar "min-" y "max-" prefijo. Ejemplo: media="screen and (device-width:500px)" |
| device-height | Se especifica el monitor objetivo/Altura del papel. Se puede usar "min-" y "max-" prefijo. Ejemplo: media="screen and (device-height:500px)" |
| orientation | Se especifica el monitor objetivo/Orientación del papel. Valores posibles: "portrait" o "landscape" Ejemplo: media="all and (orientation: landscape)" |
| aspect-ratio | Se especifica el ancho de la región de visualización del monitor objetivo/ratio de altura. Se puede usar "min-" y "max-" prefijo. Ejemplo: media="screen and (aspect-ratio:16/9)" |
| device-aspect-ratio | Se especifica el monitor objetivo/El dispositivo de papel-width/device-ration height. Se puede usar "min-" y "max-" prefijo. Ejemplo: media="screen and (aspect-ratio:16/9)" |
| color | Se especifica los bits por color del monitor objetivo. Se puede usar "min-" y "max-" prefijo. Ejemplo: media="screen and (color:3)" |
| color-índice | Se especifica el número de colores que puede manejar el monitor objetivo. Se puede usar "min-" y "max-" prefijo. Ejemplo: media="screen and (min-color-índice:256)" |
| monocromático | Se especifica el número de bits por píxel en el búfer de píxeles monocromático. Se puede usar "min-" y "max-" prefijo. Ejemplo: media="screen and (monochrome:2)" |
| resolución | Se especifica el monitor objetivo/Densidad de píxeles del papel (dpi o dpcm). Se puede usar "min-" y "max-" prefijo. Ejemplo: media="print and (resolution:300dpi)" |
| escaneo | Se especifica el método de escaneo del monitor tv. Valores posibles son: "progressive" y "interlace". Ejemplo: media="tv and (scan:interlace)" |
| rejilla | Se especifica el dispositivo de salida es rejilla o bitmap. Valores posibles:"1" representa la rejilla, "0" es otro. Ejemplo: media="handheld and (grid:1)" |