Атрибут download в HTML5 (для скачивания файлов)

Всем привет!
Сегодня я вам расскажу, как при помощи атрибута «download» в HTML5 можно сделать быструю ссылку для скачивания. Вот, например, чтобы скачать «.zip» или «.rar», достаточно указать ссылку на файл, а вот если вы укажете в ссылке на изображения,  на другие веб страницы или PDF-ки, тогда файлы просто откроются.
Если вы решите создать сайт-хранилище для загрузки и скачки файлов, то атрибут «download»  будет для вас отличным помощником.

Давайте теперь к делу. Сейчас я вам покажу, как нужно правильно использовать атрибут «download» и как он действует.

Например, если указать ссылку на картинку:

1. Пример

<a href="StepkinBlog-ru.png">Ссылка на картинку</a>

то в результате откроется картинка, но если прописать к ссылке атрибут «download»:

<a href="StepkinBlog-ru.png" download>Ссылка на картинку</a>

то в результате нам будет предложено сохранить картинку на компьютер.

2. Пример

Если указать в ссылке веб-страницу:

<a href="index.html">Ссылка на веб-страницу</a>

то в результате откроется просто веб-страница, но если прописать атрибут «download»:

<a href="index.html" download>Ссылка на веб-страницу</a>

то в результате нам будет предложено сохранить веб-страницу на компьютер.

3. Пример

Если указать в ссылке на PDF:

<a href="1.pdf">Ссылка на книгу</a>

то в результате откроется просто PDF-ка, но если прописать атрибут «download»:

<a href="1.pdf" download>Ссылка на книгу</a>

то в результате нам будет предложено сохранить PDF-ку на компьютер.

Вот и все чудеса, которые творит атрибут «download» в HTML5.
Если у вас есть дополнение, пишите, мне будет интересно почитать.

Подписывайтесь на обновления моего блога. Удачи!