Przykład
Obraz-mapa z klikalne obszary, które zostaną pobrane po kliknięciu na:
<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>
Spróbuj sam " Więcej "Try it yourself" przykłady poniżej.
Definicja i Wykorzystanie
download atrybut określa, że cel zostanie pobrana, gdy użytkownik kliknie hiperłącze.
Ten atrybut jest używany tylko wtedy, gdy href atrybut jest ustawiony.
Wartość atrybutu będzie nazwa pobranego pliku. Nie istnieją żadne ograniczenia dotyczące dopuszczalnych wartości, a przeglądarka automatycznie wykryje prawidłowe rozszerzenie pliku i dodać go do pliku ( .img, .pdf, .txt, .html , itp).
Jeśli wartość zostanie pominięty, używana jest oryginalna nazwa pliku.
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje atrybut.
Atrybut | |||||
---|---|---|---|---|---|
download | 14.0 | Nieobsługiwany | 20.0 | Nieobsługiwany | 15.0 |
Różnice między HTML 4.01 i HTML5
download atrybutem jest nowa dla <area> tagu w HTML5.
Składnia
<area
download="filename">
wartości atrybutów
Wartość | Opis |
---|---|
filename | Opcjonalny. Określa nową nazwę pliku pobranego pliku |
Więcej przykładów
Przykład
Określ wartość dla download atrybutu, który będzie nowa nazwa pliku pobranego pliku ( sun.htm zamiast information_about_the_sun.htm i tak dalej):
<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>
Spróbuj sam "