Загрузка

RUS | ANG | |

StepkinBlog.ru

Пока я творю, я живу!
Блог посвящен: HTML, CSS, PHP, Wordpress, Bootstrap

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

08.05.2016


23:49


1866


пока нет


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

Атрибут 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.
Если у вас есть дополнение, пишите, мне будет интересно почитать.

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



Случайные записи:

  1. Форма. Основы bootstrap 3 для начинающих. Урок №14
  2. Бесплатный курс по основам CSS
  3. Нам 2 годика! С Днем Рождения StepkinBlog.ru!!!
  4. Оформление ссылок в CSS. Основы CSS для начинающих. Урок №11
  5. Бесплатный курс по основам HTML

Последние записи рубрики:

  1. Как сделать фоновую музыку на сайте – HTML и HTML5
  2. Комментировать код в HTML. Что это и зачем нужно…
  3. Тег DOCTYPE в HTML

Добавить комментарий

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

Подписаться на обновления:

Подпишись на обновления моего блога через e-m@il:

@

Реклама на блоге:

Мои цели на
2017 год:

Довести количество статей до 150

Доделать этот блог

Закончить тему «Основы CSS»

Закончить тему «Основы PHP»

Начать тему «Основы JavaScript»

Добиться посещаемости 500 чел/сутки

Статистика:

Записей: 104
Страниц: 3
Рубрик: 9
Меток: 11
Комментариев: 245