Атрибут download

Описание

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

Синтаксис

<a download='...'>Ссылка</a>

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<p>
<a href='/files/images/regular/iconka.png' download>Скачай изображение!</a>
<br>
<a href='/files/images/regular/iconka.png' download='name-save'>Скачай это же изображение, но с другим именем!</a>
</p>
</body>
</html>