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>

Intente hacerlo personalmente

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.
print 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