HTML <a> mediaAtributo

HTML a 标签参考手册 Etiqueta HTML <a>

Ejemplo

El siguiente ejemplo muestra un enlace que usa el atributo media:

<a href="../tags/att-a-media.html" media="print and (resolution:300dpi)">Página de atributo de medios imprimibles</a>

Pruébalo »

Soporte del navegador

Todos los navegadores principales admiten el atributo media.

Definición y uso

El atributo media especifica para qué tipo de medio/dispositivo está optimizada la URL de destino.

Este atributo se utiliza para especificar que la URL de destino está diseñada para dispositivos especiales (como iPhone), voz o medios de impresión.

Este atributo puede aceptar múltiples valores.

Solo se puede usar cuando el atributo href está presente.

Diferencias entre HTML 4.01 y HTML5

Este atributo es nuevo en HTML5.

Sintaxis

Posibles operadores

Operador	Descripción
and	Especifica el operador AND.
not	Especifica el operador NOT.
,	Especifica el operador OR.

Dispositivos

Valor	Descripción
all	Predeterminado. Adecuado para todos los dispositivos.
aural	Sintetizador de voz.
braille	Dispositivo de retroalimentación braille.
handheld	Dispositivos de mano (pantalla pequeña, ancho de banda limitado).
projection	Proyector.
print	Modo de vista previa de impresión / página impresa.
screen	Pantalla de computadora.
tty	Teletipo y medios similares que utilizan una cuadrícula de caracteres monoespaciados.
tv	Dispositivos tipo televisión (baja resolución, capacidad de paginación limitada).

Valor

Valor	Descripción
width	Especifica el ancho del área de visualización de destino. Se pueden usar los prefijos "min-" y "max-". Ejemplo: media="screen and (min-width:500px)"
height	Especifica la altura del área de visualización de destino. Se pueden usar los prefijos "min-" y "max-". Ejemplo: media="screen and (max-height:700px)"
device-width	Especifica el ancho de la pantalla/papel de destino. Se pueden usar los prefijos "min-" y "max-". Ejemplo: media="screen and (device-width:500px)"
device-height	Especifica la altura de la pantalla/papel de destino. Se pueden usar los prefijos "min-" y "max-". Ejemplo: media="screen and (device-height:500px)"
orientation	Especifica la orientación de la pantalla/papel de destino. Valores posibles: "portrait" o "landscape" Ejemplo: media="all and (orientation: landscape)"
aspect-ratio	Especifica la relación ancho/alto del área de visualización de destino. Se pueden usar los prefijos "min-" y "max-". Ejemplo: media="screen and (aspect-ratio:16/9)"
device-aspect-ratio	Especifica la relación device-width/device-height de la pantalla/papel de destino. Se pueden usar los prefijos "min-" y "max-". Ejemplo: media="screen and (aspect-ratio:16/9)"
color	Especifica los bits por color de la pantalla de destino. Se pueden usar los prefijos "min-" y "max-". Ejemplo: media="screen and (color:3)"
color-index	Especifica el número de colores que puede manejar la pantalla de destino. Se pueden usar los prefijos "min-" y "max-". Ejemplo: media="screen and (min-color-index:256)"
monochrome	Especifica los bits por píxel en un búfer de trama monocromático. Se pueden usar los prefijos "min-" y "max-". Ejemplo: media="screen and (monochrome:2)"
resolution	Especifica la densidad de píxeles de la pantalla/papel de destino (dpi o dpcm). Se pueden usar los prefijos "min-" y "max-". Ejemplo: media="print and (resolution:300dpi)"
scan	Especifica el método de escaneo de las pantallas de TV. Los valores posibles son: "progressive" e "interlace". Ejemplo: media="tv and (scan:interlace)"
grid	Especifica si el dispositivo de salida es de cuadrícula o de mapa de bits. Valores posibles: "1" representa cuadrícula, "0" otros. Ejemplo: media="handheld and (grid:1)"