دليل مرجع HTML

مجموعة علامات HTML

خصائص download في <a> في HTML

استخدام خاصية download في <a>، مثال على تطبيق على الإنترنت يوضح كيفية استخدام خاصية download في <a>، تطابق المتصفحات، تعريف القواعد النحوية وشرح قيم الخاصية بالتفصيل.

HTML <a> الصفحة

مثال على الإنترنت

تحميل ملف عند النقر على الرابط (بدلاً من التصفح إلى الملف):

مثال

<!doctype html>
<html>
<head>
<title>استخدام خاصية download في html: <a> - درس أساسي - (oldtoolbag.com)</title>
</head>
<body>
<p>انقر على شعار w3codebox للتحميل</p>
<a　href="/static/images/logo.png"　download>
　　<img　src="/static/images/logo.png"　alt="oldtoolbag.com"　width="150"　height="50">
</a>
</body>
</html>

اختبار النظرية ‹/›

ملاحظة: لا يدعم Edge إصدار 12، IE، Safari 10 (أو إصدارات أقدم) أو Opera إصدار 12 (أو إصدارات أقدم) خاصية download.

تطابق المتصفحات

الرقم في الجدول يعكس إصدار المتصفح الأول الذي يدعم هذه الخاصية.

عنصر
download	14.0	13.0	20.0	10.1	15.0

التعريف والاستخدام

تحديد هدف التحميل عند النقر على رابط.
سيتم استخدام هذه الخاصية فقط إذا تم تعيين خاصية href.
ستكون قيمة هذه الخاصية اسم ملف التحميل. لا توجد قيود على القيم المسموح بها، وسيعتمد المتصفح على التحقق من نوع الملف المحدد تلقائيًا وضيفًا امتداد الملف (img، pdf، txt، html، إلخ) إلى ملف.
إذا تم تجاهل هذه القيمة، سيتم استخدام الاسم الأصلي للملف.

الفرق بين HTML 4.01 و HTML5

خصائص download هي خاصية جديدة تم إضافتها إلى علامة <a> في HTML5.

القواعد النحوية

　　　　 <a download="filename">

قيمة الخاصية

القيمة	الوصف
filename	تحديد اسم الملف.

مزيد من الأمثلة

تحديد قيمة لخصائص التحميل، ستكون هذه القيمة اسم ملف جديد لملف التحميل (w3codeboxlogo.png بدلاً من views.png):

مثال

<!doctype html>
<html>
<head>
<title>استخدام خاصية download في html: <a> - درس أساسي - (oldtoolbag.com)</title>
</head>
<body>
<a href="/static/images/logo.png" download="w3codeboxlogo">
　　<img src="/run/html/views.png" alt="Views" width="300" height="200">
</a>
<p>يرجى ملاحظة أن اسم ملف التحميل سيتم حفظه كـ“　w3codeboxlogo.jpg” وليس “　views.png”.</p>
</body>
</html>

اختبار النظرية ‹/›

HTML <a> الصفحة

HTML: <template> النمط