Manual de referencia HTML

Completo de etiquetas HTML

HTML: Propiedad download del etiqueta <a>

<a> Uso de la propiedad download, ejemplo en línea que muestra cómo usar la propiedad download del etiqueta <a>, compatibilidad del navegador, definición de sintaxis y una descripción detallada de sus valores de propiedad.

HTML <a> etiqueta

Ejemplo en línea

Descarga el archivo al hacer clic en el enlace (en lugar de navegar al archivo):

Ejemplo

!doctype html
<html>
<head>
<title>Uso del atributo download en html: <a>　-　Tutoriales básicos(oldtoolbag.com)</title>/title>
</head>
<body>
<p>Haz clic en w3El logo de codebox para descargar la imagen</p>
<a href="/static/images/logo.png" download>
　　<img src="/static/images/logo.png" alt="3codebox.com" width="150" alt="50">
</a>
</body>
</html>

Prueba esto ‹/›

Nota: La versión de Edge12IE, Safari 10(o versiones anteriores) o la versión de Opera12(o versiones anteriores) no admite la propiedad download.

Compatibilidad del navegador

Los números en la tabla representan la versión del navegador que admite esta propiedad por primera vez.

elemento
download	14.0	13.0	20.0	10.1	15.0

Definición y uso

La propiedad download especifica que se descargará el objetivo al hacer clic en el hipervínculo.
Este atributo solo se utiliza cuando se establece la propiedad href.
El valor de esta propiedad será el nombre del archivo de descarga. No hay limitaciones sobre los valores permitidos, el navegador detectará automáticamente la extensión correcta y la añadirá al archivo (.img, .pdf, .txt, .html, etc.).
Si se omite este valor, se usará el nombre de archivo original.

HTML 4.01 Y HTML5 La diferencia entre

La propiedad download es una propiedad de HTML5Añadida la propiedad del etiqueta <a> nueva en el sintaxis.

Sintaxis

　　　　 <a download="filename">

Valor de la propiedad

Valor	Descripción
filename	Especifica el nombre del archivo.

Más ejemplos

Asigna un valor a la propiedad de descarga, que será el nombre nuevo del archivo de descarga (“w”)3codeboxlogo.png” en lugar de “ views.png”）：

Ejemplo

!doctype html
<html>
<head>
<title>Uso del atributo download en html: <a>　-　Tutoriales básicos(oldtoolbag.com)</title>/title>
</head>
<body>
<a href="/static/images/logo.png" download="w3codeboxlogo>
　　<img src="/run/html/views.png" width="300" alt="Views" height="200">
</a>
<p>Por favor, tenga en cuenta que el nombre del archivo descargado se guardará como “　w3codeboxlogo.jpg”，en lugar de “　views.png”。.</p>
</body>
</html>

Prueba esto ‹/›

HTML <a> etiqueta

HTML: <template> etiqueta