HTML атрибут download

Атрибут download HTML-элемента указывает, что целевой файл будет загружен при клике на гиперссылку. Он используется только в том случае, если установлен атрибут href.

Примечание: Атрибут download работает только для URL-адресов того же источника (same-origin), blob: URL-адресов или data: URL-адресов. Для ресурсов с другого источника он игнорируется.

Значение атрибута указывает имя загружаемого файла. Браузер использует это значение точно так, как оно введено, без автоматического добавления расширения файла. Если значение не указано, браузер использует исходное имя файла.

Вы можете использовать атрибут download для следующих элементов: <a> и <area>.

Синтаксис

Синтаксис HTML-атрибута download

html

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

Пример использования HTML-атрибута download на элементе `<a>`:

Пример использования HTML-атрибута download на элементе <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://ru.w3docs.com/uploads/media/default/0001/01/0710cad7a1017902166203def268a0df2a5fd545.png" download>
        <img src="https://ru.w3docs.com/uploads/media/default/0001/01/0710cad7a1017902166203def268a0df2a5fd545.png" alt="W3Docs" width="190" height="45" />
      </a>
    </p>
  </body>
</html>

Try it Yourself »

Пример использования HTML-атрибута download на элементе `<area>`:

Пример использования HTML-атрибута download на элементе <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://ru.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://ru.w3docs.com/uploads/media/book_gallery/0001/01/d450f0358f947dffb3af91195c3002600d74101b.png" download />
      <area shape="circle" coords="218,115,25" alt="css" href="https://ru.w3docs.com/uploads/media/book_gallery/0001/01/25521e981b34da57c8f51baddc5b76351b855818.png" download />
      <area shape="circle" coords="195,32,28" alt="php" href="https://ru.w3docs.com/uploads/media/book_gallery/0001/01/4bbee6698c4884f25c46010d61b658dd62d2c04f.png" download />
    </map>
  </body>
</html>

Try it Yourself »

Практика

Что делает HTML-атрибут download?

Позволяет браузеру загрузить URL-адрес вместо перехода по нему.Запускает обратный отсчет перед началом загрузки.Предлагает имя файла по умолчанию для загружаемого файла.Предотвращает загрузку файла.Вызывает событие загрузки при клике.

HTML атрибут download ​

Синтаксис ​

Пример использования HTML-атрибута download на элементе <a>: ​

Пример использования HTML-атрибута download на элементе <area>: ​

Практика ​

HTML атрибут download

Синтаксис

Пример использования HTML-атрибута download на элементе `<a>`:

Пример использования HTML-атрибута download на элементе `<area>`:

Практика