Ejemplo
Un enlace con una media de atributos:
<a href="att_a_media.asp?output=print"
media="print and (resolution:300dpi)">
Open media attribute page for print.</a>
Inténtalo tú mismo " Definición y Uso
La media atributo especifica qué dispositivo / medio el documento vinculado está optimizado para.
Este atributo se utiliza para especificar que la dirección URL de destino está diseñado para dispositivos especiales (como el iPhone), el habla o los medios impresos.
Este atributo puede aceptar varios valores.
Sólo se utiliza si el href atributo está presente.
Nota: Este atributo es meramente consultivo.
Soporte para el navegador
| Elemento | ||||||
|---|---|---|---|---|---|---|
| media | Sí | Sí | Sí | Sí | Sí | Sí |
Diferencias entre HTML 4.01 y HTML5
La media atributo es nuevo en HTML5.
Sintaxis
<a media="value">
Los operadores posibles
| Valor | Descripción |
|---|---|
| and | Especifica una AND operador |
| not | Especifica un NOT operador |
| , | Especifica una OR operador |
dispositivos
| Valor | Descripción |
|---|---|
| all | Defecto. Conveniente para todos los dispositivos |
| aural | Los sintetizadores de voz |
| braille | dispositivos de retroalimentación braille |
| handheld | Los dispositivos de mano (pequeña pantalla, ancho de banda limitado) |
| projection | proyectores |
| Modo de vista previa de impresión / páginas impresas | |
| screen | Las pantallas de ordenador |
| tty | Teletipos y medios similares utilizando una cuadrícula de caracteres de paso fijo |
| tv | dispositivos de tipo televisión (baja resolución, capacidad de desplazamiento limitado) |
Valores
| Valor | Descripción |
|---|---|
| width | Especifica el ancho del área de visualización de destino. "min-" y "max-" prefijos pueden ser utilizados. Ejemplo: media="screen and (min-width:500px)" |
| height | Especifica la altura del área de visualización de destino. "min-" y "max-" prefijos pueden ser utilizados. Ejemplo: media="screen and (max-height:700px)" |
| device-width | Especifica el ancho de la pantalla de destino / papel. "min-" y "max-" prefijos pueden ser utilizados. Ejemplo: media="screen and (device-width:500px)" |
| device-height | Especifica la altura de la meta de pantalla / papel. "min-" y "max-" prefijos pueden ser utilizados. Ejemplo: media="screen and (device-height:500px)" |
| orientation | Especifica la orientación del objetivo de visualización / papel. Valores posibles: "portrait" o "landscape" Ejemplo: media="all and (orientation: landscape)" |
| aspect-ratio | Especifica la relación de anchura / altura de la zona de visualización de destino. "min-" y "max-" prefijos pueden ser utilizados. Ejemplo: media="screen and (aspect-ratio:16/9)" |
| device-aspect-ratio | Especifica la relación de dispositivo de anchura / dispositivo de altura del objetivo de visualización / papel. "min-" y "max-" prefijos pueden ser utilizados. Ejemplo: media="screen and (aspect-ratio:16/9)" |
| color | Especifica los bits por color de visualización de destino. "min-" y "max-" prefijos pueden ser utilizados. Ejemplo: los medios de comunicación = "pantalla y (color: 3)" |
| color-index | Especifica el número de colores de la pantalla de destino puede manejar. "min-" y "max-" prefijos pueden ser utilizados. Ejemplo: media="screen and (min-color-index:256)" |
| monochrome | Especifica los bits por pixel en una memoria intermedia de cuadros en blanco y negro. "min-" y "max-" prefijos pueden ser utilizados. Ejemplo: media="screen and (monochrome:2)" |
| resolution | Especifica la densidad de píxeles (ppp o DPCM) de la meta de pantalla / papel. "min-" y "max-" prefijos pueden ser utilizados. Ejemplo: media="print and (resolution:300dpi)" |
| scan | Especifica el método de barrido de una pantalla de televisión. Los valores posibles son "progressive" y "interlace" . Ejemplo: media = "tv y (escanear: entrelazado)" |
| grid | Especifica si el dispositivo de salida es de rejilla o de mapa de bits. Los valores posibles son "1" para la red, y "0" en caso contrario. Ejemplo: media="handheld and (grid:1)" |