Когда Вы ставите на своих страницах ссылки на различные изображения, PDF-файлы и даже иногда потоковое видео, то вместо скачивания, оно автоматически начинает выводиться в браузере. В HTML5 появился атрибут download , который позволяет именно скачать файл, а не открыть его в браузере.

Атрибут download в HTML5

Когда Вы ставите на своих страницах ссылки на различные изображения, PDF-файлы и даже иногда потоковое видео, то вместо скачивания, оно автоматически начинает выводиться в браузере. В HTML5 появился атрибут download, который позволяет именно скачать файл, а не открыть его в браузере.

Пример использования атрибута download в HTML5:

<a href="images/photo.jpg" download>скачать фото</a>

Теперь при переходе по ссылке файл начнёт скачиваться. Так же можно задать и имя, которое появится при сохранении файла. Чтобы это сделать, надо у атрибута download поставить значение:

<a href="images/photo.jpg" download="photo">скачать фото</a>

Вот так всё просто это делается, однако, как я уже говорил в предыдущих статьях, HTML5 на данный момент ещё не является особо рабочим. И до полной поддержки современными браузерами ещё далеко. В частности, атрибут download поддерживается лишь свежими версиями Firefox и Chrome.