این آموزش در تاریخ ۱۴۰۲/۰۶/۲۲ آپدیت شده است.
آموزش صفت Download در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Download در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت Download در HTML
صفت download صفتی است که در تگ a و تگ area میتوان از آن استفاده کرد و میتوان مشخص کرد که وقتی کاربر بروی اون ( حالا یا تصویر یا لینک و.. ) کلیک کرد، همون فایل که روش کلیک شده بصورت مستقیم دانلود شه.
در یک تگ حتما باید صفت href وجود داشته باشد، تا صفت Download بتونه عمل کنه، وگرنه کار نمیکنه.
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
| <area> | <a> |
Free-Learn
مثال از صفت Download در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
مثال شماره ۱ : استفاده در تگ a
|
1 2 3 4 5 6 7 |
<body> <a href="files/girls-1.jpg" download> <img src="files/girls-1.jpg"> </a> </body> |
مثال شماره ۲ : دانلود ۳ فایل مختلف
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<body> <p> <a href="files/mytext.txt" download>دانلود فایل متنی</a> </p> <p> <a href="files/demo.mp3" download>دانلود فایل صوتی</a> </p> <p> <a href="files/demo.mp4" download>دانلود فایل ویدئویی</a> </p> </body> |
مثال شماره ۳ : استفاده در تگ area
|
1 2 3 4 5 6 7 8 9 |
<body> <img src="files/planets.jpg" alt="سیارات" usemap="#planetmap"> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" href="files/sun.html" download> </map> </body> |
مثال شماره ۴ : استفاده از صفت download بهمراه مقدار دلخواه ( این مقدار میشه نام فایلی که دانلود میشه )
|
1 2 3 4 5 6 7 8 9 |
<body> <p><b>برای دانلود کردن این عکس روش کلیک کنید</b></p> <a href="files/girls-1.jpg" download="Name-Delkha-Man"> <img src="files/girls-1.jpg"> </a> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت download در HTML پشتیبانی میکنند یا خیر.
| نام تگ | Chrome | Firefox | Opera | Safari | Edge |
| a | بله | بله | بله | بله | بله |
| area | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این صفت در HTML بصورت زیر می باشد.
|
1 2 3 4 5 6 7 |
// دانلود فایلی که در صفت اچ رِف قرار دارد <a href="MyFile.jpg" download> // دانلود فایلی که در صفت اچ رِف قرار دارد ولی با نام دلخواه خودمون <a href="MyFile.jpg" download="Name File Man"> <area href="MyFile.jpg" download> |
Free-Learn
جدول مقادیر صفت Download در HTML
در جدول زیر میتوانید، مقادیری را که میتوان در این صفت استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| Download | این صفت هم میتونه مقدار داشته باشه و هم میتونه نداشته باشه وقتی مقدار ندارد <a href=”file.jpg” download> وقتی مقدار دارد میتونه نام فایلی که دانلود میشه رو مشخص کنه <a href=”file.jpg” download=”new-name”> |
Free-Learn
نکات و توضیحات
- یک تگ باید حتما صفت href داشته باشه تا صفت download بتونه عمل کنه.
- مثال شماره ۴ ( جریان مشخص کردن نام دلخواه فایل دانلودی ) بطور دقیق و ۱۰۰درصدی معلوم نیست که بروی همه مرورگرها کار کنه، ممکنه بروی برخی مرورگرها بکل کار نکنه.
