انتقل إلى محتوى الدرس

Creating Download Links In HTML إنشاء روابط تحميل في لغة HTML

في هذا الدرس ستتعلم كيفية استخدام <a> في HTML لإنشاء روابط متنوعة تشمل: [bookmarks] للانتقال السريع داخل الصفحة، خاصية [download] لتنزيل الملفات، و [accesskey] لتسهيل الوصول عبر لوحة المفاتيح.

1 صفوف تعليمية
لغة HTML
4,315 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

روابط التحميل في HTML تُستخدم للسماح للمستخدمين بتنزيل الملفات مباشرة من موقع الويب إلى أجهزتهم. يمكن أن تحتوي هذه الروابط على ملفات بأي صيغة، مثل: [pdf] أو [zip] أو [rar] أو [doc]، ويتم إضافتها باستخدام وسم الرابط [<a>] مع السمة [href] للإشارة إلى مسار الملف الذي يمكن تنزيله.

بالإضافة إلى ذلك، يمكن استخدام السمة [download] لاقتراح تنزيل الملف بدل عرضه. لا تضمن السمة فرض التنزيل، وتعمل عادةً لعناوين من الأصل نفسه أو blob/data، وقد تختلف الاستجابة بحسب المتصفح وإعداداته ورؤوس الخادم.

كما يمكن تحديد قيمة لهذه السمة ["download="value] لتحديد اسم جديد للملف قبل تحميله، ولكن هذا الأمر اختياري. إذا لم تُحدد اسمًا، يستنتج المتصفح اسمًا من URL أو نوع المحتوى أو رؤوس الخادم.

إنشاء روابط تحميل في لغة HTML

Creating Download Links

يمكنك إضافة رابط تحميل من جهازك المحلي، أو من خادم خارجي كما يتضح في المثال التالي.

Using [download] Attribute to Specify Filename and Download Directly

عند نقر المستخدم على الرابط، يقترح download اسم Master_Document.pdf للملف؛ قد تتجاهل السمة إذا كان الرابط من أصل مختلف أو تقيدها إعدادات المتصفح. رأس Content-Disposition قد يعطي اسمًا له الأولوية.

HTML
<a href="https://www.closetag.com/files/masters.pdf" download="Master_Document.pdf">Download PDF file</a>

Local Download Links in HTML

إنشاء روابط تحميل للملفات المخزنة محليًا ضمن الموقع، كما يتضح في المثال التالي.