Manual de referencia HTML

Completo de etiquetas HTML

HTML: Propiedad media de <area>

La propiedad media especifica qué tipo de medio está destinado el URL de destino/Este atributo se utiliza para especificar que la URL está diseñada para dispositivos especiales (por ejemplo, iPhone), medios de voz o impresión. Puede aceptar múltiples valores.

　HTML <area> etiqueta

Ejemplo en línea

Mapa de imágenes con áreas clicables:

Ejemplo

<!DOCTYPE html>
<html>
<title>HTML: Propiedad media de <area></title>　-　Sitio web de tutoriales básicos　oldtoolbag.com</title>
<body>
<p>Presione el sol para ver de cerca</p>
<img src="planets.gif" width="145"height="126"alt="Planetas" usemap="#planetmap">
<map name="planetmap">
　　<area shape="rect" coords="0,0,82,126"alt="Sol" href="sol.html" media="screen and (min-color-index:256)">
</map>
</body>
</html>

Prueba para ver ‹/›

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Todos los navegadores de mainstream admiten la propiedad media

Definición y uso

La propiedad media especifica qué tipo de medio está destinado el URL de destino/El dispositivo ha sido optimizado.
Esta propiedad se utiliza para especificar si la URL está diseñada para dispositivos especiales (por ejemplo, iPhone), medios de voz o impresión.
Esta propiedad puede aceptar múltiples valores.
Únicamente se debe usar cuando exista la propiedad href.
Nota: Esta propiedad es puramente sugerente.

HTML 4.01 y HTML5diferencias entre

La propiedad media es HTML5nuevas propiedades adicionadas.

Sintaxis

<area media="valor>

Operadores posibles

Valor	Descripción
and	Operador AND especificado
not	Operador NOT especificado
,	Operador OR especificado

dispositivo

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)
proyección	Proyector
print	Modo de vista previa de impresión/Número de páginas de impresión
screen	Pantalla de ordenador
tty	Materiales de teletipo y similares que utilizan una rejilla de caracteres de espaciado fijo
tv	Dispositivos de tipo televisión (baja resolución, capacidad de desplazamiento limitada)

Valor

Valor	Descripción
ancho	Ancho del área de visualización especificada. Generalmente se utiliza "min-" y "max-" prefijo. Ejemplo: media="screen and (min-ancho:500px)"
altura	Altura del área de visualización especificada. Generalmente se utiliza "min-" y "max-" prefijo. Ejemplo: media="screen and (max-altura:700px)"
dispositivo-ancho	Especificar la pantalla de destino/Ancho del papel de impresión Generalmente se utiliza "min-" y "max-" prefijo. Ejemplo: media="screen and (device-ancho:500px)"
dispositivo-altura	Especificar la pantalla de destino/Altura del papel de impresión Generalmente se utiliza "min-" y "max-" prefijo. Ejemplo: media="screen and (device-altura:500px)"
Dirección	Especificar la pantalla de destino/Dirección del papel. Valores posibles: "portrait" o "landscape" Ejemplo: media="all and (orientación: landscape)"
aspect-razón	Ancho del área de visualización del objetivo especificada./Proporción de altura. Generalmente se utiliza "min-" y "max-" prefijo. Ejemplo: media="screen and (aspect-razón:16/9)"
dispositivo-aspect-razón	Ancho del área de visualización del objetivo especificada./Proporción de altura del dispositivo. Generalmente se utiliza "min-" y "max-" prefijo. Ejemplo: media="screen and (aspect-razón:16/9)"
color	Especifica el número de bits de color de cada píxel de la pantalla de destino. Generalmente se utiliza "min-" y "max-" prefijo. Ejemplo: media="screen and (color:3)"
color-índice	Especifica el número de colores que puede manejar la pantalla de destino. Generalmente se utiliza "min-" y "max-" prefijo. Ejemplo: media="screen and (min-color-index:256)"
monochrome	Especificar el número de bits de píxeles en un búfer de cuadros monocromáticos. Generalmente se utiliza "min-" y "max-" prefijo. Ejemplo: media="screen and (monochrome:2)"
resolution	Especificar la pantalla de destino/Densidad de píxeles del papel (DPI o DPCM). Generalmente se utiliza "min-" y "max-" prefijo. Ejemplo: media="print and (resolution:300dpi)"
scan	Especificar el método de escaneo de una pantalla de televisión. Los valores posibles son "progressive" y "interlace". Ejemplo: media="tv and (scan:interlace)"
grid	Especificar el dispositivo de salida es la red o bitmap El valor de grid es "1", los otros son "0" Ejemplo: media="handheld and (grid:1)"

　HTML <area> etiqueta

HTML: <template> etiqueta