Exemplo
Uma imagem-mapa com áreas clicáveis que serão baixados quando clicado:
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126"
alt="Sun" href="info_about_the_sun.htm" download="sun">
<area
shape="circle" coords="90,58,3" alt="Mercury" href="merglobe.gif" download="mercury">
<area shape="circle" coords="124,58,8" alt="Venus" href="information_about_the_planet_venus.txt"
download="venus">
</map>
Tente você mesmo " Mais "Tente você mesmo" exemplos abaixo.
Definição e Uso
A download atributo especifica que o alvo será baixado quando o usuário clica no link.
Este atributo é usado somente se o href atributo é definido.
O valor do atributo será o nome do arquivo baixado. Não há restrições sobre os valores permitidos, eo navegador irá automaticamente detectar a extensão de arquivo correta e adicioná-lo para o arquivo ( .img, .pdf, .txt, .html , etc.).
Se o valor for omitido, o nome do ficheiro original é usado.
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente o atributo.
Atributo | |||||
---|---|---|---|---|---|
download | 14.0 | Não suportado | 20.0 | Não suportado | 15.0 |
Diferenças entre HTML 4.01 e HTML5
A download atributo é novo para o <area> tag no HTML5.
Sintaxe
<area
download="filename">
Os valores dos atributos
Valor | Descrição |
---|---|
filename | Opcional. Especifica o novo nome para o arquivo baixado |
mais Exemplos
Exemplo
Especifique um valor para a download de atributo, que será o novo nome do arquivo baixado ( sun.htm vez de information_about_the_sun.htm e assim por diante):
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126"
alt="Sun" href="info_about_the_sun.htm" download="sun">
<area
shape="circle" coords="90,58,3" alt="Mercury" href="merglobe.gif" download="mercury">
<area shape="circle" coords="124,58,8" alt="Venus" href="information_about_the_planet_venus.txt"
download="venus">
</map>
Tente você mesmo "