این آموزش در تاریخ ۱۴۰۰/۰۹/۱۸ آپدیت شده است.
آموزش صفت Download در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Download در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت Download در HTML
صفت download
صفتی است که در تگ های a و area میتوان از آن استفاده کرد و میتوان مشخص کرد که وقتی کاربر بروی اون ( حالا یا تصویر یا لینک و.. ) کلیک کرد، همون فایل که روش کلیک شده بصورت مستقیم دانلود شه.
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> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت download
در HTML پشتیبانی میکنند یا خیر.
نام صفت | Chrome | Firefox | Opera | Safari | Edge |
a | ۱۴ | ۲۰ | ۱۵ | ۱۰ | ۱۲ |
area | ۱۴ | ۲۰ | ۱۵ | ۱۰ | ۱۲ |
Free-Learn
نکات و توضیحات
- یک تگ باید حتما صفت href داشته باشه تا صفت download بتونه عمل کنه.