Contoh
Peta gambar-dengan daerah yang dapat diklik yang akan di-download ketika diklik:
<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>
Cobalah sendiri " Lebih "Cobalah Sendiri" contoh di bawah ini.
Definisi dan Penggunaan
The download atribut menentukan bahwa target akan di-download ketika pengguna mengklik hyperlink.
Atribut ini hanya digunakan jika href atribut diatur.
Nilai atribut akan menjadi nama dari file yang didownload. Tidak ada pembatasan pada nilai-nilai diperbolehkan, dan browser secara otomatis akan mendeteksi ekstensi file yang benar dan menambahkannya ke file ( .img, .pdf, .txt, .html , dll).
Jika nilai dihilangkan, nama file asli digunakan.
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung atribut.
Atribut | |||||
---|---|---|---|---|---|
download | 14.0 | Tidak didukung | 20.0 | Tidak didukung | 15.0 |
Perbedaan Antara HTML 4.01 dan HTML5
The download atribut baru untuk <area> tag di HTML5.
Sintaksis
<area
download="filename">
atribut Nilai
Nilai | Deskripsi |
---|---|
filename | Pilihan. Menentukan nama file baru untuk file yang didownload |
Contoh lebih
Contoh
Menentukan nilai untuk download atribut, yang akan menjadi nama file baru dari file yang didownload ( sun.htm bukan information_about_the_sun.htm dan sebagainya):
<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>
Cobalah sendiri "