Manual de referência do HTML

大全 do HTML标签

HTML: <a> atributo download

Uso do atributo download do <a>, exemplo online que demonstra como usar o atributo download do <a>, compatibilidade do navegador, definição sintática e detalhes de seus valores de atributo, etc.

HTML <a> etiqueta

Exemplos online

Baixe o arquivo ao clicar no link (ao invés de navegar para o arquivo):

Exemplo

!doctype html
<html>
<head>
<title>Uso da propriedade download do <a> no html　-　Tutorial básico(oldtoolbag.com)</title>
</head>
<body>
<p>Clique em w3O logo do codebox para baixar a imagem</p>
<a　href="/static/images/logo.png"　download>
　　<img　src="/static/images/logo.png"　alt="oldtoolbag.com"　width="150"　height="50">
</a>
</body>
</html>

Teste e veja ‹/›

Atenção: Versão do Edge12，IE，Safari 10(ou versões anteriores) ou versão do Opera12(ou versões anteriores) não suportam a propriedade download.

Compatibilidade do navegador

Os números na tabela representam a versão do navegador que suporta o atributo pela primeira vez.

elemento
download	14.0	13.0	20.0	10.1	15.0

Definição e uso

A propriedade download especifica o objetivo que será baixado ao clicar no link.
Este atributo só é usado quando o atributo href é configurado.
O valor deste atributo será o nome do arquivo baixado. Não há restrições sobre os valores permitidos, o navegador detectará automaticamente a extensão correta do arquivo e a adicionará ao arquivo (.img, .pdf, .txt, .html, etc.).
Se o valor for omitido, o nome do arquivo original será usado.

HTML 4.01 e HTML5 Diferenças entre

A propriedade download é do HTML5Nova propriedade do tag <a> adicionada no HTML.

Sintaxe

　　　　 <a download="filename">

Valor do atributo

Valor	Descrição
filename	Especifique o nome do arquivo.

Mais exemplos

Especifique um valor para o atributo de download, que será o novo nome do arquivo do arquivo baixado (" w",3codeboxlogo.png”ao invés de“ views.png”）：

Exemplo

!doctype html
<html>
<head>
<title>Uso da propriedade download do <a> no html　-　Tutorial básico(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>Por favor, note que o nome do arquivo do arquivo baixado será salvo como“　w3codeboxlogo.jpg”，ao invés de“　views.png”。.</p>
</body>
</html>

Teste e veja ‹/›

HTML <a> etiqueta

HTML: <template> etiqueta