¿Cómo especificar el tipo de medio de la URL de destino en HTML5?

Puede especificar fácilmente el tipo de medio de la URL de destino en HTML5 utilizando el atributo de medios de HTML. Este atributo se utiliza para especificar que la URL de destino está diseñada para dispositivos especiales (como iPhone, Android, etc.), medios impresos o de voz, proyectores, televisores, etc.

Sintaxis:

<a href="" media="screen" target=”_blank”> Click here</a>

Nota: El atributo multimedia solo se puede usar si se usa el atributo href , ya que especifica el documento vinculado. El atributo multimedia se utiliza para especificar cómo y en qué dispositivos aparecerá el documento vinculado y será compatible.

Valores de varios dispositivos:

  • all : es más adecuado para todos los dispositivos de tipo multimedia.
  • pantalla: Se utiliza para pantallas de computadora, teléfonos inteligentes, etc.
  • tv : Se utiliza para dispositivos de tipo televisión (de baja resolución, o con capacidad de desplazamiento limitada).
  • imprimir : se utiliza para el modo de vista previa de impresión/modo de página impresa.

Ejemplo: 

HTML

<!DOCTYPE html>
<html>
  
<head>
    <style>
        h1 {
            color: green;
        }
    </style>
</head>
  
<body>
    <center>
        <h1>Welcome To GFG</h1>
        <a href="https://ide.geeksforgeeks.org/" 
            media="print" target="_blank">
            Click here for print media
        </a>
        <br /><br />
        <a href="https://ide.geeksforgeeks.org/" 
            media="tv" target="_blank">
            Click here for screen media
        </a>
    </center>
</body>
  
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por aksrathod07 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *