tutoriais mais recente desenvolvimento web
 

HTML <area> download Attribute

<HTML <area> tag

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
download14.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 "

<HTML <area> tag