El atributo de medios de enlace HTML se usa para especificar para qué medios/dispositivos está optimizado el recurso de destino. Este atributo solía especificar un estilo diferente para diferentes tipos de medios.
El atributo multimedia puede aceptar varios valores.
Sintaxis:
<link media="value">
Operadores posibles:
| Valor | Descripción |
|---|---|
| y | Y operador |
| no | NO operador |
| , | O operador |
Dispositivos:
| Valor | Descripción |
|---|---|
| todos | Apto para todos los dispositivos |
| auditivo | sintetizadores de voz |
| braille | Dispositivos de retroalimentación braille |
| Mano | Dispositivos portátiles (pantalla pequeña, ancho de banda limitado) |
| proyección | Proyectores |
| impresión | Modo de vista previa de impresión/páginas impresas |
| pantalla | pantallas de ordenador |
| tty | Teletipos y medios similares que utilizan una cuadrícula de caracteres de paso fijo |
| televisión | Dispositivos de baja resolución o capacidad de desplazamiento limitada como la televisión. |
Valores:
| Valor | Descripción |
|---|---|
| ancho | Ancho del área de visualización objetivo. |
| altura | Altura del área de visualización objetivo |
| ancho del dispositivo | Pantalla de destino o ancho del papel. |
| altura del dispositivo | Pantalla de destino o altura del papel. |
| orientación | Pantalla de destino u orientación del papel. |
| relación de aspecto | Relación ancho/alto del área de visualización de destino. |
| relación de aspecto del dispositivo | Proporción de dispositivo-ancho/dispositivo-alto de la pantalla/papel de destino. |
| color | Bits por color de la pantalla de destino. |
| Indice de color | Número de colores que puede manejar la pantalla de destino. |
| monocromo | Bits por píxel en un búfer de cuadro monocromático. |
| resolución | Densidad de píxeles (ppp o dpcm) de la pantalla/papel de destino. |
| escanear | Método de escaneo de una pantalla de televisión. |
| cuadrícula | Si el dispositivo de salida es cuadrícula o mapa de bits. |
Nota: Se pueden usar prefijos como «min-« y «max-« . Ejemplo:
html
<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="index_screen.css"> <link rel="stylesheet" type="text/css" href="index_print.css" media="print"> </head> <body> <center> <h1>GeeksforGeeks</h1> <p><a href="index.html" target="_blank"> Click here </a> </center> </body> </html>
Producción:
Navegadores compatibles: los navegadores compatibles con el atributo multimedia de enlace HTML se enumeran a continuación:
- Google Chrome 1 y superior
- Borde 12 y superior
- Internet Explorer 6 y superior
- Firefox 1 y superior
- Apple Safari 4 y superior
- Ópera 12.1 y superior
Publicación traducida automáticamente
Artículo escrito por Vijay Sirra y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA