L’attribut download d’HTML5

HTML5 introduit un attribut peu connu nommé download qui permet de forcer le téléchargement d’un fichier plutôt que le voir s’afficher. Il s’applique aux éléments a et area et contiendra le nom qui sera attribué à la ressource téléchargée. [column_half] [/column_half] [column_half_last] [/column_half_last]   A l’image d’autres fonctionnalités permettant d’imposer un comportement à l’utilisateur (le […]

HTML5 introduit un attribut peu connu nommé download qui permet de forcer le téléchargement d’un fichier plutôt que le voir s’afficher. Il s’applique aux éléments a et area et contiendra le nom qui sera attribué à la ressource téléchargée.

[column_half]

Sans l’attribut download :
l’image s’affiche dans le navigateur

[/column_half]

[column_half_last]

Avec l’attribut download :
l’image est téléchargée

[/column_half_last]

A l’image d’autres fonctionnalités permettant d’imposer un comportement à l’utilisateur (le fameux target="_blank" par exemple), il sera préférable d’utiliser l’attribut download dans un contexte où l’utilisateur s’attend à télécharger la ressource en question et pas simplement l’afficher.

Niveau compatibilité, cet attribut est supporté par les dernières versions de Firefox (bien que celui ci bloque toujours le téléchargement de ressources sur un domaine différent), Chrome et Opéra. Il n’est en revanche pas supporté par Internet Explorer et Safari.

Cet article a été rédigé par Cédric le 11 décembre 2014 Dans : HTML 5, CSS 3, Responsive Web Design