English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Использование свойства download в теге <a>, онлайн-примеры демонстрируют, как использовать свойство download в теге <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.
Числа в таблице показывают версию первого браузера, поддерживающего это свойство.
Элемент | |||||
---|---|---|---|---|---|
download | 14.0 | 13.0 | 20.0 | 10.1 | 15.0 |
Свойство download указывает, что при нажатии на гиперссылку будет загружена цель.
Это свойство используется только при установке свойства href.
Значение этого свойства将成为 именем загружаемого файла. Ничего не ограничивает значения, браузер автоматически определяет правильное расширение файла и добавляет его к файлу (.img, .pdf, .txt, .html и т.д.).
Если значение опущено, то используется исходное имя файла.
Свойство 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>Проверьте тест <‹/›>