L'attribut download de HTML

L'attribut download de HTML spécifie que la cible sera téléchargée lors du clic sur le lien hypertexte. Il n'est utilisé que si l'attribut href est défini.

Remarque : L'attribut download ne fonctionne que pour les URL de même origine, les URL blob: ou les URL data:. Il est ignoré pour les ressources cross-origin.

La valeur de l'attribut spécifie le nom du fichier téléchargé. Le navigateur utilise la valeur exactement telle qu'elle est saisie, sans ajouter automatiquement une extension de fichier. Si la valeur est omise, le navigateur utilise le nom de fichier d'origine.

Vous pouvez utiliser l'attribut download sur les éléments suivants : <a> et <area>.

Syntaxe

Syntaxe de l'attribut download de HTML

html

<a download="filename">&lt;/a&gt;

Exemple de l'attribut download de HTML utilisé sur l'élément `<a>` :

Exemple de l'attribut download de HTML utilisé sur l'élément <a>

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <h1>Click on the  logo to download it:</h1>
    <p>
      <a href="https://fr.w3docs.com/uploads/media/default/0001/01/0710cad7a1017902166203def268a0df2a5fd545.png" download>
        <img src="https://fr.w3docs.com/uploads/media/default/0001/01/0710cad7a1017902166203def268a0df2a5fd545.png" alt="W3Docs" width="190" height="45" />
      </a>
    </p>
  </body>
</html>

Try it Yourself »

Exemple de l'attribut download de HTML utilisé sur l'élément `<area>` :

Exemple de l'attribut download de HTML utilisé sur l'élément <area>

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>Click on one of the HTML, CSS or PHP logo and download it:</p>
    <img src="https://fr.w3docs.com/uploads/media/news_gallery/0001/01/thumb_316_news_gallery_list.jpeg"  width="250" height="150" alt="block" usemap="#blockmap" />
    <map name="blockmap">
      <area shape="circle" coords="50,32,25" alt="html" href="https://fr.w3docs.com/uploads/media/book_gallery/0001/01/d450f0358f947dffb3af91195c3002600d74101b.png" download />
      <area shape="circle" coords="218,115,25" alt="css" href="https://fr.w3docs.com/uploads/media/book_gallery/0001/01/25521e981b34da57c8f51baddc5b76351b855818.png" download />
      <area shape="circle" coords="195,32,28" alt="php" href="https://fr.w3docs.com/uploads/media/book_gallery/0001/01/4bbee6698c4884f25c46010d61b658dd62d2c04f.png" download />
    </map>
  </body>
</html>

Try it Yourself »

Pratique

Que fait l'attribut download de HTML ?

Il permet au navigateur de télécharger une URL au lieu de naviguer vers celle-ci.Il initialise un compte à rebours pour le début du téléchargement.Il suggère un nom de fichier par défaut pour le fichier téléchargé.Il empêche le téléchargement du fichier.Il déclenche un événement de téléchargement au clic.

L'attribut download de HTML ​

Syntaxe ​

Exemple de l'attribut download de HTML utilisé sur l'élément <a> : ​

Exemple de l'attribut download de HTML utilisé sur l'élément <area> : ​

Pratique ​

L'attribut download de HTML

Syntaxe

Exemple de l'attribut download de HTML utilisé sur l'élément `<a>` :

Exemple de l'attribut download de HTML utilisé sur l'élément `<area>` :

Pratique