HTML <area > downloadkenmerk
Voorbeeld
Gebruik het downloadkenmerk om aan te geven dat het doel wordt gedownload wanneer een gebruiker op de hyperlink klikt:
<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>
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
Het download
attribuut specificeert dat het doel (het bestand gespecificeerd in het href
attribuut) zal worden gedownload wanneer een gebruiker op de hyperlink klikt.
De optionele waarde van het download
kenmerk is de nieuwe naam van het bestand nadat het is gedownload. Er zijn geen beperkingen op toegestane waarden en de browser zal automatisch de juiste bestandsextensie detecteren en aan het bestand toevoegen (.img, .pdf, .txt, .html, enz.).
Als de waarde wordt weggelaten, wordt de oorspronkelijke bestandsnaam gebruikt.
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die het kenmerk volledig ondersteunt.
Attribute | |||||
---|---|---|---|---|---|
download | 14.0* | 18.0 | 20.0* | 10.1 | 15.0 |
* Chrome 65+ en Firefox ondersteunen alleen downloadlinks van dezelfde oorsprong.
Syntaxis
<area download="filename">
Attribuutwaarden
Value | Description |
---|---|
filename | Optional. Specifies the new filename for the downloaded file |
Meer voorbeelden
Voorbeeld
Geef een waarde op voor het downloadkenmerk, dit is de nieuwe bestandsnaam van het gedownloade bestand (sun.htm in plaats van information_about_the_sun.htm enzovoort):
<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>
❮ HTML <area>-tag