Atributo media <a> de HTML
Definición y uso
media El atributo especifica para qué tipo de medio o dispositivo se ha optimizado el documento del enlace.
Este atributo se utiliza para especificar si la URL de destino está diseñada para dispositivos especiales (como iPhone), voz o medios impresos.
Este atributo puede aceptar múltiples valores.
Sólo se puede Atributo href Se utiliza cuando existe.
Atención:Este atributo es puramente sugerente.
Ejemplo
Se estableció el enlace de atributo media:
<a href="att_a_media.asp?output=print" media="print and (resolution:300dpi)"> Abra la página de atributos media para impresión </a>
Sintaxis
<a media="valor>
Operadores posibles
| Operadores | Descripción |
|---|---|
| and | Define el operador AND. |
| not | Define el operador NOT. |
| , | Define el operador OR. |
Dispositivo
| Valor | Descripción |
|---|---|
| all | Por defecto. Adecuado para todos los dispositivos. |
| aural | Sintetizador de voz. |
| braille | Dispositivo 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 de impresión. | |
| 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
| Valor | Descripción |
|---|---|
| width |
Define el ancho de la área de visualización objetivo. Se pueden usar prefijos "min-" y "max-". Ejemplo: media="screen and (min-width:500px" |
| height |
Define la altura de la área de visualización objetivo. Se pueden usar prefijos "min-" y "max-". Ejemplo: media="screen and (max-height:700px" |
| device-width |
Define el ancho del monitor/papel objetivo. Se pueden usar prefijos "min-" y "max-". Ejemplo: media="screen and (device-width:500px" |
| device-height |
Define la altura del monitor/papel objetivo. Se pueden usar prefijos "min-" y "max-". Ejemplo: media="screen and (device-height:500px" |
| orientation |
Define la orientación del monitor/papel objetivo. Valores posibles: "portrait" o "landscape" Ejemplo: media="all and (orientation: landscape" |
| aspect-ratio |
Define la proporción ancho/alto de la área de visualización objetivo. Se pueden usar prefijos "min-" y "max-". Ejemplo: media="screen and (aspect-ratio:16/9" |
| device-aspect-ratio |
Define la proporción device-width/device-height del monitor/papel objetivo. Se pueden usar prefijos "min-" y "max-". Ejemplo: media="screen and (aspect-ratio:16/9" |
| color |
Define el número de bits de cada color del monitor objetivo. Se pueden usar prefijos "min-" y "max-". Ejemplo: media="screen and (color:3" |
| color-index |
Define el número de colores que puede manejar el monitor objetivo. Se pueden usar prefijos "min-" y "max-". Ejemplo: media="screen and (min-color-index:256" |
| monochrome |
Se especifica el número de bits por píxel en el búfer de cuadros monocromáticos. Se pueden usar prefijos "min-" y "max-". Ejemplo: media="screen and (monochrome:2)" |
| resolution |
Se especifica la densidad de píxeles del monitor/papel objetivo (dpi o dpcm). Se pueden usar prefijos "min-" y "max-". Ejemplo: media="print and (resolution:300dpi)" |
| scan |
Se especifica el método de escaneo del monitor de televisión. Los valores posibles son: "progressive" y "interlace". Ejemplo: media="tv and (scan:interlace)" |
| grid |
Se especifica si el dispositivo de salida es una cuadrícula o un mapa de bits. Valores posibles: "1" representa la cuadrícula, "0" es otro. Ejemplo: media="handheld and (grid:1)" |
Compatibilidad con navegadores
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| Soporte | Soporte | Soporte | Soporte | Soporte |
