English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Руководство по HTML

Полный список тегов HTML

HTML: Свойство download в теге <a>

Использование свойства download в теге <a>, онлайн-примеры демонстрируют, как использовать свойство download в теге <a>, совместимость с браузерами, определение грамматики и подробное описание его свойств.

HTML <a> тег

Онлайн примеры

Загрузка файла при нажатии на ссылку (вместо перехода к файлу):

<!doctype html>
<html>
<head>
<title>html: использование свойства download <a> - базовый учебник (oldtoolbag.com)</title>
</head>
<body>
<p>Нажмите на логотип w3codebox, чтобы загрузить изображение</p>
<a href="/static/images/logo.png" download>
  <img src="/static/images/logo.png" alt="oldtoolbag.com" width="150" height="50">
</a>
</body>
</html>
Проверьте тест <‹/›>

Примечание: Версия Edge 12, IE, Safari 10 (или более ранние версии) или Opera 12 (или более ранние версии) не поддерживают свойство download.

Совместимость с браузерами

Числа в таблице показывают версию первого браузера, поддерживающего это свойство.

Элемент




download14.013.020.010.115.0

Определение и использование

Свойство download указывает, что при нажатии на гиперссылку будет загружена цель.
Это свойство используется только при установке свойства href.
Значение этого свойства将成为 именем загружаемого файла. Ничего не ограничивает значения, браузер автоматически определяет правильное расширение файла и добавляет его к файлу (.img, .pdf, .txt, .html и т.д.).
Если значение опущено, то используется исходное имя файла.

Разница между HTML 4.01 и HTML5

Свойство download — это новое свойство тега <a> в HTML5.

Грамматика

        <a download="filename">

Значение свойства

ЗначениеОписание
filenameУкажите имя файла.

Более примеров

Укажите значение свойства для загрузки, которое将成为 новым именем файла загружаемого файла ("w3codeboxlogo.png" вместо "views.png"):

<!doctype html>
<html>
<head>
<title>html: использование свойства download <a> - базовый учебник (oldtoolbag.com)</title>
</head>
<body>
<a href="/static/images/logo.png" download="w3codeboxlogo">
  <img src="/run/html/views.png" alt="Views" width="300" height="200">
</a>
<p>Обратите внимание, имя файла, загружаемого файла, будет сохранено как "w3codeboxlogo.jpg", а не "views.png".</p>
</body>
</html>
Проверьте тест <‹/›>

HTML <a> тег