Пока я творю, я живу!
Блог посвящен: HTML, CSS, PHP, Wordpress, Bootstrap
Всем привет!
Сегодня я вам расскажу, как при помощи атрибута «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.
Если у вас есть дополнение, пишите, мне будет интересно почитать.
Подписывайтесь на обновления моего блога. Удачи!