Html5 Enlaces, nuevos atributos

30 de /mayo05 de /2015
3m 46s
html
0 comentarios
8200

 

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

Quizás te interese ...

Utilizamos cookies para mejorar tu experiencia

Utilizamos cookies propias y de terceros para personalizar el contenido, analizar nuestros servicios, ofrecer funciones de redes sociales, analizar el tráfico y mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación.

Permitir todas las cookies Configurar Política de cookies