HTML <area> mediaAtributo
Etiqueta HTML <area>Ejemplo
Mapa de imagen con áreas en las que se puede hacer clic:
<img src="planets.gif.html" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun"
href="sun.htm.html" media="screen and (min-color-index:256)">
</map>
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun"
href="sun.htm.html" media="screen and (min-color-index:256)">
</map>
Pruébalo »
Soporte del navegador
Todos los navegadores principales admiten el atributo media
Definición y uso
El atributo media especifica en qué dispositivo se mostrará la URL de destino.
Este atributo se utiliza para especificar en qué dispositivo (como iPhone), audio o medio impreso se mostrará la URL de destino.
Este atributo puede aceptar múltiples valores.
El atributo media solo es necesario si se utiliza el atributo href.
Diferencias entre HTML 4.01 y HTML5
The media attribute is new in HTML5.
Sintaxis
<area media="value">
Operadores posibles
| Valor | Descripción |
|---|---|
| and | Especifica el operador AND |
| not | Especifica el operador NOT |
| , | Especifica el operador OR |
Dispositivos
| Valor | Descripción |
|---|---|
| all | Predeterminado. Se adapta a todos los dispositivos. |
| aural | Sintetizador de voz |
| braille | Dispositivos de retroalimentación en braille |
| handheld | Dispositivos de mano (pantalla pequeña, ancho de banda limitado) |
| projection | Proyector |
| Modo de vista previa de impresión / páginas impresas | |
| screen | Pantalla de computadora |
| tty | Teletipo y medios similares que utilizan una cuadrícula de caracteres de espaciado fijo |
| tv | Dispositivos tipo televisión (baja resolución, capacidad de desplazamiento limitada) |
Valor
| Valor | Descripción |
|---|---|
| width | El ancho del área de visualización especificada. Normalmente se utilizan los prefijos "min-" y "max-". Ejemplo: media="screen and (min-width:500px)" |
| height | La altura del área de visualización especificada. Normalmente se utilizan los prefijos "min-" y "max-". Ejemplo: media="screen and (max-height:700px)" |
| device-width | Especifica el ancho de la pantalla/papel de impresión de destino. Normalmente se utilizan los prefijos "min-" y "max-". Ejemplo: media="screen and (device-width:500px)" |
| device-height | Especifica la altura de la pantalla/papel de impresión de destino. Normalmente se utilizan los prefijos "min-" y "max-". Ejemplo: media="screen and (device-height:500px)" |
| Orientación | Especifica la orientación de la pantalla/papel de destino. Valores posibles: "portrait" o "landscape" Ejemplo: media="all and (orientation: landscape)" |
| aspect-ratio | La relación ancho/alto del área de visualización del objetivo especificado. Normalmente se utilizan los prefijos "min-" y "max-". Ejemplo: media="screen and (aspect-ratio:16/9)" |
| device-aspect-ratio | La relación ancho del dispositivo / altura del dispositivo del área de visualización del objetivo especificado. Normalmente se utilizan los prefijos "min-" y "max-". Ejemplo: media="screen and (aspect-ratio:16/9)" |
| color | Especifica el número de bits de color por píxel de la pantalla de destino. Normalmente se utilizan los prefijos "min-" y "max-". Ejemplo: media="screen and (color:3)" |
| color-index | Specifies the number of colors the target display can handle. Normalmente se utilizan los prefijos "min-" y "max-". Ejemplo: media="screen and (min-color-index:256)" |
| monochrome | Especifica el número de bits por píxel en un búfer de trama monocromático. Normalmente se utilizan 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). Normalmente se utilizan los prefijos "min-" y "max-". Ejemplo: media="print and (resolution:300dpi)" |
| scan | Especifica el método de exploración de una pantalla de televisión. 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. El valor de grid es "1", para los demás es "0". Ejemplo: media="handheld and (grid:1)" |
Otras extensiones