جاء HTML5 مع جميع واجهات برمجة التطبيقات الجديدة ، وأنواع المدخلات الجديدة وسمات للنماذج. كما هو الحال في كثير من الأحيان ، غالبًا ما تحجب تلك الإضافات الرئيسية الترقيات الثانوية وأعتقد أن هذا ينطبق بشكل خاص على سمة التنزيل.
كما تعلم ، هناك بعض الملفات التي لا يقوم المتصفح بتنزيلها تلقائيًا ؛ والصور وصفحات الويب الأخرى وفقًا للإعدادات في متصفحك ، وأحيانًا ملفات PDF. تمنح سمة التنزيل المستعرض طريقة أصلية لتنزيل هذه الملفات تلقائيًا ، دون الحاجة إلى الرجوع إلى جافا سكريبت. هذا مفيد حقًا لأي تطبيق يتعامل مع تنزيل الصور ، مثل مواقع تحميل الصور.
نظرًا لأن سمة التنزيل لا تستخدم برامج نصية من أي نوع ، فهي بسيطة مثل إضافة السمة إلى رابطك:
الشيء الرائع في هذه السمة هو أنه يمكنك حتى تعيين اسم للملف القابل للتنزيل ، حتى إذا لم يكن الاسم على الخادم الخاص بك. هذا أمر رائع للمواقع ذات أسماء الملفات المعقدة ، أو حتى الصور التي تم إنشاؤها ديناميكيًا ، والتي تريد توفير اسم ملف بسيط وسهل الاستخدام. لتوفير اسم ، يمكنك فقط إضافة علامة يساوي ، متبوعة بالاسم الذي تريد استخدامه محاطًا بين علامات اقتباس ، مثل: لاحظ أن المتصفح سيضيف تلقائيًا امتداد الملف الصحيح إلى الملف الذي تم تنزيله ، لذلك لن تحتاج إلى تضمين ذلك داخل قيمة السمة الخاصة بك. دعم المتصفح
في الوقت الحالي ، يدعم Chrome 14+ و Firefox 20+ السمة "تنزيل" فقط ، لذا قد تحتاج إلى الرجوع إلى بعض جافا سكريبت البسيطة لاكتشاف ما إذا كانت السمة مدعومة أم لا. يمكنك القيام بذلك على النحو التالي:
var a = document.createElement('a');if(typeof a.download != "undefined"){// download attribute is supported}else{// download attribute is not supported}
استنتاج
مع الأخذ بعين الاعتبار كل ما تمت إضافته إلى HTML5 ، تكون سمة التنزيل جزءًا صغيرًا جدًا ، ولكن في رأيي هذه سمة تأخرت طويلاً ، وبالتأكيد لها استخداماتها في تطبيقات اليوم لكل من سهولة الاستخدام والتبسيط.
هل قمت بتطبيق سمة التنزيل؟ ما هي الأبطال المجهولون في HTML5؟ اسمحوا لنا أن نعرف في التعليقات.
صورة مميزة / صورة مصغرة ، تحميل الصورة عبر Shutterstock.
![الشيء الرائع في هذه السمة هو أنه يمكنك حتى تعيين اسم للملف القابل للتنزيل ، حتى إذا لم يكن الاسم على الخادم الخاص بك. هذا أمر رائع للمواقع ذات أسماء الملفات المعقدة ، أو حتى الصور التي تم إنشاؤها ديناميكيًا ، والتي تريد توفير اسم ملف بسيط وسهل الاستخدام. لتوفير اسم ، يمكنك فقط إضافة علامة يساوي ، متبوعة بالاسم الذي تريد استخدامه محاطًا بين علامات اقتباس ، مثل:]( myFolder / myImage.png "تنزيل> تنزيل الصورة </a></pre></div><p style=){kind=link}
![لاحظ أن المتصفح سيضيف تلقائيًا امتداد الملف الصحيح إلى الملف الذي تم تنزيله ، لذلك لن تحتاج إلى تضمين ذلك داخل قيمة السمة الخاصة بك. دعم المتصفح في الوقت الحالي ، يدعم Chrome 14+ و Firefox 20+ السمة "تنزيل" فقط ، لذا قد تحتاج إلى الرجوع إلى بعض جافا سكريبت البسيطة لاكتشاف ما إذا كانت السمة مدعومة أم لا. يمكنك القيام بذلك على النحو التالي: var a = document.createElement('a');if(typeof a.download != "undefined"){// download attribute is supported}else{// download attribute is not supported} استنتاج مع الأخذ بعين الاعتبار كل ما تمت إضافته إلى HTML5 ، تكون سمة التنزيل جزءًا صغيرًا جدًا ، ولكن في رأيي هذه سمة تأخرت طويلاً ، وبالتأكيد لها استخداماتها في تطبيقات اليوم لكل من سهولة الاستخدام والتبسيط. هل قمت بتطبيق سمة التنزيل؟ ما هي الأبطال المجهولون في HTML5؟ اسمحوا لنا أن نعرف في التعليقات.]( myFolder / reallyUnnoundarilyLongAndComplicatedFileName.png "download =" myImage "> تنزيل الصورة</a></pre></div><p style=){kind=link}