HTML5 incorpora nuevos atributos en los enlaces muy interesantes con las que se mejora la funcionalidad de este elemento con nuevas posibilidades de uso, estos atributos son download, media y ping con las que se van a suplir varias carencias que presenta todavía la etiqueta <a>.

download

El nuevo atributo download se encarga de indicar al navegador que el enlace es un archivo sin límite de extensiones (.pdf .img .mp3 …) y que el objeto del enlace es una descarga, forzando este proceso para evitar que se ejecute en el navegador como pasa con los archivos PDF.

<a href="html-tutorial-0435.pdf" download>Descargar tutorial</a>

Este atributo admite un valor que indica al navegador el nombre del archivo para su descarga, permitiéndonos ofrecer un valor distinto al nombre real del archivo, algo muy útil cuando tenemos archivos con nombres muy largos o engorrosos.

<a href="html-tutorial-0435.pdf" download="tutorial.pdf">Descargar tutorial</a>

El soporte por los navegadores es todavía limitado, como de costumbre son Google Chrome, Mozilla Firefox y Opera los primeros en soportar el atributo download en sus versiones actualizadas de escritorio.

media

El atributo media tiene el fin de especificar al navegador mediante varios valores características como el tamaño o la resolución del objeto del enlace, dispone además de otros valores para especificar la compatibilidad con diferentes dispositivos y productos de apoyo a la accesibilidad web.

Puede ser útil, por ejemplo para especificar que la dirección de destino es compatible con dispositivos móviles, para especificar diferentes resoluciones en la descarga de archivos, el tamaño del área del objeto del enlace, formatear la página para su posterior impresión, permitir al agente de usuario elegir el medio que mejor se adapta para el dispositivo que se está utilizando y muchos más usos.

<a href="/opt-print/html-tutorial-0435" media="print">Versión para imprimir</a>

Los valores “screen” , “print” y “all” disponen de un mejor soporte por parte de algunos navegadores de escritorio actualizados, el resto de valores no son muy fiables por su bajo soporte a fecha de hoy, además de disponer de muchos valores y opciones, disponemos de los operadores ‘and’, ‘not’ y ‘,’.

<a href="tutorial-print.html" media="print and (resolution:300dpi)">Versión para imprimir</a>

ping

El atributo ping recopila una lista de las direcciones URL que el usuario ha pulsado y envía información por POST a una o varias direcciones especificadas, este atributo minimizará a largo plazo el uso de Javascript para recopilar información de los usuarios y las acciones realizadas en la página como hacemos actualmente con las cookies, podremos guardar datos de forma nativa.

El atributo ping es redundante con JavaScript o redirecciones HTTP, pero ofrece a los usuarios una mayor transparencia en las solicitudes enviadas, es por eso que se está animando a utilizar este atributo, los navegadores deberían permitir a los usuarios configurar cómo se utilizan este tipo de datos, en un futuro puede que dispongamos de estas características de forma nativa.

<a href="https://didesweb.com/html5/" ping="https://didesweb.com/trackpings"&gt

El soporte es muy pobre en la actualidad, solo las últimas versiones de escritorio de Firefox y Chrome lo soportan

Valoraciones


Sé el primero en valorar

* Tu valoración puede tardar hasta 72 horas en publicarse.

He leido y acepto el Aviso legal y condiciones de uso

CAPTCHA


Utilizamos cookies propias y de terceros para el correcto funcionamiento de la web, personalizar el contenido y mostrar publicidad en función de las preferencias del visitante. Puedes encontrar más información en nuestra Política de cookies.

ACEPTAR
Aviso de cookies