خوش آمدید , میهمان گرامی! ورود or ثبت نام

تغییر رنگ قالب



بستن
همین الان تو چه فکری هستی؟ (22)
گلایه mohadese 551 26967
بهترین شرکت طراحی سایت
elii12 elii12 0 24
انتخاب بهترین شرکت طراحی سایت
elii12 elii12 0 23
رشته داروسازی در ترکیه
elii12 elii12 0 21
داروسازی در ترکیه
elii12 elii12 0 22
رنگ زندگی از دیدگاه شما
sana sana 126 11796
تو آواکس چند ساله ای ؟؟!!
mahya sana 383 52188
گالری عکس داریوش اقبالی
mosy rele sana 82 122614
سیو و ترینر بازی های مختلف 2
خاکسبز elii12 1 409
انتخاب اجباری برای نفر بعدی (6)
گلایه mohadese 665 48322
همه چیز در مورد تعمیر کولر گازی که باید بدانید
samirad samirad 0 29
مقصود از سوئیچ شبکه
elii12 elii12 0 26
سوئیچ شبکه چیست
elii12 elii12 0 27
سوئیچ شبکه
elii12 elii12 0 36
کاربرد های اصلی بالابر صنعتی در مشاغل مختلف
asiaborjj asiaborjj 0 27
پسرا یکی اضافه کنن....دخترا یکی کم کنن!(سری جدید 3)
شقایق luna 332 26918
گفتگوی آزاد
admin niloofar 2656 154470
نحوه تعویض کوئل خودرو
saharim saharim 0 26
سرویس و تعمیرات داکت اسپلیت
samirad samirad 0 31
عوامل مهم در خرید جاروبرقی خانگی
kimib kimib 0 24
حمل جهیزیه عروس با تخفیفات ویژه تازه عروس و داماد ها
seoupdate seoupdate 0 21
حمل جهیزیه عروس با تخفیفات ویژه تازه عروس و داماد ها
seoupdate seoupdate 0 22
حمل جهیزیه عروس با تخفیفات ویژه تازه عروس و داماد ها
seoupdate seoupdate 0 25
سرور مجازی بورس
MWEBSPOUYAN MWEBSPOUYAN 0 25
دانلود بازی(Lock On Modern Air Combat )
nokia farzadian 2 2163
اسم بلوتوث شما چیه ؟
aria niloofar 359 65558
داری؟نداری؟ (5)
moonlover niloofar 444 18791
یه تیکه از اولین آهنگی ک میاد تو ذهنت ....
سنا niloofar 318 44047
با اخر اسم من یه اسم بنویس(2)
گلایه niloofar 488 36934
دوستان آواکسی هر وقت وارد سایت آواکس شدی یه جمله اینجا بنویس.
rapr niloofar 742 91327
چی باعث شده بعد از این همه سال بازم به آواکس سر بزنی؟؟
mohadese luna 3 91
انواع کانکس‌های پلیس و ویژگی های آن
pouriaci pouriaci 0 35
نمی‌دانید بیت کوین چیست؟
bitmehr bitmehr 0 33
آموزش خرید و فروش تتر به صورت لحظه ای
bitmehr bitmehr 0 33
با ورود به آواکس اولین اسمی که به یادش می افتی اسم زیبای چه کسی هست ؟
پسر شیطون mohadese 124 11963
چند خط برای ...
sama mohadese 1810 259825
غذا برای لاغری شکم
Nade90 Nade90 0 39
تعمیر مایکوفر، کولر گازی و جارو.برقی بوش شمال تهران
fataaaneee fataaaneee 0 40
علت خاموش شدن یخچال ویرپول
fataaaneee fataaaneee 0 38
انواع ارورهای یخچال ویرپول
fataaaneee fataaaneee 0 36

نماد ها
دسترسی سریع به تاپیکهای مهم
تبلیغات
مطالب منتخب
مطالب پربازدید
مطالب پربازدید
نحوه استفاده از ویژگی دانلود در html5زمان کنونی: Friday 10 July 2020, 22:40
کاربرانِ درحال بازدید از این موضوع: 1 مهمان
نویسنده: webcando
آخرین ارسال: webcando
پاسخ: 1
بازدید: 813
 
امتیاز دهید:
  • 0 رأی - میانگین امیتازات : 0
  • 1
  • 2
  • 3
  • 4
  • 5
نحوه استفاده از ویژگی دانلود در html5
Wednesday 24 August 2016, 10:12
ارسال: #1
نحوه استفاده از ویژگی دانلود در html5
[تصویر: download-webcando.jpg]


چگونه از ویژگی download در html5 بهره بگیریم

زبان برنامه نویسی html5 با بسیاری از حالت ها و امکانات تازه با عنوان API ایجاد شده است و همه این امکانات را برای استفاده در اختیار کسانی که به طراحی سایت مشغولند گذاشته است. از جمله از این امکانات ایجاد پلتفرم های تازه ای است که هر یک ویژگی های خاصی دارند. شاید در وهله نخست استفاده از آنها کمی برای طراحان سایت دارای ابهام باشد به همین خاطر لازم است طراحان سایت قبل از شروع به کار اندکی درباره آنها تحقیق کنند تا نحوه صحیح به کارگیری آنها را یاد بگیرند و به درستی از آنها در طراحی سایت خود استفاده کنند. یکی از این ویژگی ها دانلود است.


همانگونه که حتما تجربه کرده اید خیلی از فایل ها به طور مستقیم به وسیله مرورگرها قابل دانلود نیستند نظیر عکس ها و یا صفحه های مشاهده لینک که تنظیمات خاصی را در مرورگر شما نیاز دارند. یکی از مشهورترین این فایل ها مربوط به فایل های پی دی اف است که این attribute به طور مستقیم به مروزگرها دستور می دهد تا این فایل ها را با هر گونه تنظیماتی دانلود کند، بدون اینکه نیازی به زبان های دیگر نظیر جاوا اسکریپت باشد. این ویژگی و امکانات آن علی الخصوص برای صفحه های مشاهده لینک یا طراحی سایت یا نرم افزارهایی کاربرد دارد که با فایل ها در ارتباط هستند.


[تصویر: pdfbrochureconvertor.jpg]


بهره گیری از ویژگی دانلود برای تگ های طراحی سایت در زبان برنامه نویسی HTML

اگر قصد داشته باشید از این ویژگی بهره بگیرید به کد زیر نگاه کنید:


Download image


یکی از نکته های مهم برای این attribute آن است که شما حتی قادرید عنوان فایلی که باید دانلود شود را نیز بنویسید، حتی هنگامی که فایل موردنظر بر روی سرور تان نباشد. این امکان برای طراحی سایت هایی که سیستم اسم گذاری فایل های آن خیلی سخت است خیلی مناسب می باشد، یا مثلا درمورد عکس هایی که به حالت داینامیک موجود هستند. برای اسم گذاری فقط باید در قالب یک value در درون آن attribute را تایپ کنید همانند کد زیر:


Download image


با این کار دیگر نیازی ندارید که پسوند فایل مربوطه یا Extension را دستکاری کنید به این خاطر که مرورگر این عمل را برای شما اجرا می کند. اگر می خواهید درباره تاثیر تگ ها بر سئو بیشتر بدانید به مطلب مشاهده لینک مراجعه نمایید.


[تصویر: previewtagdownload1.png]


چه مرورگرهایی از این ویژگی پشتیبانی می کنند؟

هم اکنون فقط مرورگرهای Chrome14+ و Firefox20+ از این attribute پشتیبانی می کنند، پس فعلا شما نیاز دارید تا اندکی کد جاوا اسکریپت هم به آن بیفزایید و با این کد آن را ارزیابی کنید که آیا این امکان در مرورگر کاربر پشتیبانی می گردد یا نه. به کد زیر نگاه کنید:


var a = document.createElement('a');


if(typeof a.download != "undefined")
{
// download attribute is supported
}
else
{
// download attribute is not supported
}


به هر امکانی که به زبان برنامه نویسی HTML5 افزوده شود به دقت توجه کنید و درباره اش تحقیق و تامل کنید، این ویژگی یک قسمت ناچیز از این زبان برنامه نویسی گسترده است
نقل قول


موضوع های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
  نحوه بازاریابی ایمیل در طراحی سایت limootorrsh 0 234 Wednesday 18 September 2019 14:04
آخرین ارسال: limootorrsh
  ویژگی های یک سایت خوب تجاری! shimanami 0 692 Wednesday 29 November 2017 11:18
آخرین ارسال: shimanami
  ویژگی های یک هاست مطلوب از زبان پلیس فتا sitecup 0 983 Tuesday 20 June 2017 23:12
آخرین ارسال: sitecup
  تمام ویژگی های هاست با کیفیت sitecup 0 297 Sunday 12 March 2017 14:46
آخرین ارسال: sitecup
  تمام ویژگی های هاست با کیفیت sitecup 0 267 Sunday 12 March 2017 14:45
آخرین ارسال: sitecup

پرش به انجمن:



زمان کنونی: Friday 10 July 2020, 22:40