HTML’de bir dokümanı kullanıcıya indirtmek için bir bağlantı verdiğimizde parantez içinde “sağ tılayın ve çıkan menüden farklı kaydet’e basın” ibaresini yazardık. Bu konuda farklı çözümler var; tarayıcıya eklenti kuranlar, .htcacces’den ayar yapanlar filan. Tabi kullanıcılar için çok iyi bir deneyim değil ve kod yazanlar için ayrı bir uğraş gerektiren çözümler. W3C bunu fark etmiş olmalı ki bize basit ve güzel bir çözüm üretmiş.
HTML5 download özniteliği
Kullanımı çok basit;
<a href="dersin_dokumani.pdf" download>Dersi indir</a>Yukarıda görüldüğü gibi gayet basit bir çözüm var.
Ayrıca bu özniteliğe bir değer atayıp indirilen dosya ismini belirleyebiliyoruz.
<a href="dersin_dokumani.pdf" download="html5">Dokümanı indir</a>Dinamik üretilen bağlantılar için güzel bir çözüm bence;
<a href="rapor_20141223.pdf" download="rapor">Raporu indir</a>Ayrıca inidirilecek dokümanın formatını değiştirebiliyoruz.
<a href="https://fatihhayrioglu.com/last-child-secisi/index.html" download="last_child.txt">last-child seçicisi makalesini indir(txt)</a>Örnek: last-child seçicisi makalesini indir(txt)
Dosya eğer bağlantı ile aynı domain değilse Firefox eski indirme alışkanlıklarına dönüyor.
Tarayıcı Desteği
 |
 |
 |
|---|---|---|
| 14 | - | 20 |
Mobil Tarayıcılar
 |
 |
|
|---|---|---|
| 4.4 | - | 39 |
Kaynaklar
- http://davidwalsh.name/download-attribute
- http://www.alsacreations.com/astuce/lire/1603-html5-attribut-download.html
- http://www.hongkiat.com/blog/html5-download-attribute/
- http://www.sitepoint.com/new-html5-attributes-hyperlinks-download-media-ping/
- http://updates.html5rocks.com/2011/08/Downloading-resources-in-HTML5-a-download
- http://sixrevisions.com/html5/download-attribute/
- http://caniuse.com/#feat=download
- http://svarden.se/blog/2013-04-22-right-click-and-save-as/