Monday, January 12, 2015

Tag a download HTML5

Pada tag <a> HTML5 terdapat atribut dowload yang berfungsi sebagai pemberian nama file saat file hendak di dowload. Seperti diketahui, umumnya apa nama file yang berada di server itulah nama file yang Anda download, tetapi dengan atribut download Anda bisa memodifikasinya.

Contohnya, mendownload file txt dari server tipspengetahuan.com bernama note.txt. Nama awal 'note' kita ganti dengan 'File note'. Maka penulisan kodenya seperti berikut:

<a href="note.txt" download="file note">Download note.</a>

Kode di atas hanya demo. Kode ini seharusnya dicoba di web server (seperti di hosting tipspengetahuan.com), yang perlu Anda pahami adalah konsepnya. 

Demo
Untuk menguji efek kode di atas, silahkan akses link: http://www.tipspengetahuan.com/membuat-tag-posting-dengan-htaccess-php-mysql-web-591.html

Di bawah gambar ada tulisan Download note klik link tersebut di samping 'Ilustrasi tagging'. Nama awalnya note.txt berubah menjadi file note saat di download.

Link download note.
Nama file berubah menjadi file note.
Selamat mencoba!

Referensi tulisan:
  1. <a>; ditulis oleh: Kontributor MDN, developer.mozilla.org, diakses 13 Januari 2015.
    About MDN by Mozilla Contributors is licensed under CC-BY-SA 2.5.
  2. HTML5 download Attribute; ditulis oleh: David Walsh, davidwalsh.name, diakses 13 Januari 2015.

No comments:

Post a Comment