Link Types
📥 Download Links — File Download Karo
href="menu.pdf" download="paradise-menu.pdf"
Normally jab PDF ya image link pe click karo, browser use open kar deta hai. download attribute browser ko DOWNLOAD karne pe force karta hai. Jaise Paradise mein dine in nahi, parcel liya.
download attribute <a> tag ke andar aata hai. Optionally filename set kar sakte ho — yeh file download hote time rename kar deta hai. Bina filename ke original file name use hota hai.
Hyderabad Analogy: Regular link = Paradise mein dine in (browser file open karta hai). Download link = parcel order (browser file tumhare computer mein save karta hai). Same khana, different experience.
Code Example
HTML — Download Links — File Download Karo
<!-- Original filename se download -->
<a href="menu.pdf" download>
Download Menu (PDF)
</a>
<!-- Custom filename se download -->
<a href="biryani-recipe-v2-final.pdf" download="biryani-recipe.pdf">
Download Biryani Recipe
</a>
<!-- Image download -->
<a href="charminar-photo.jpg" download="charminar.jpg">
Download Charminar Photo
</a>
<!-- HTML file download -->
<a href="recipe.html" download>
Recipe Page Offline Save Karo
</a>downloadAttribute — open karne ke bajaye download force karta haidownload="name.pdf"Custom filename — save hote time file renameWithout download=""Browser file open karta hai (PDF tab mein, image viewer mein)✅ When to Use
- PDF menus, brochures, price lists
- Resume/CV download buttons
- Export buttons (CSV, JSON files)
- Offline save options
❌ When NOT to Use
- Cross-origin files (download attribute different domains pe ignore hota hai)
- Jab pehle user ko preview dikhana ho (jaise images)
download attribute cross-origin URLs ke liye kaam NAHI karta. Agar tumhari file CDN pe hai (jaise S3), toh server headers chahiye (Content-Disposition: attachment) download force karne ke liye. download attribute sirf same-domain files ke liye kaam karta hai.