<meter>: عنصر METER
آخر تحديث: 2026-10-13
<meter>عنصر METER
يعرض قياسًا معروفًا ضمن نطاق (min–max)، مثل استخدام القرص أو التقييم أو درجة الحرارة. ليس لتقدم المهام غير المحدد — استخدم <progress>.
| الفئة | النماذج |
|---|---|
| نموذج المحتوى | محتوى تدفقي |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى التدفقي |
| وسم الإغلاق | نعم — يتطلب إغلاق </meter> وسم |
| الحالة | قياسي |
📝 البنية
<meter value="0.6" min="0" max="1">60%</meter>⚙️ السمات
يدعم هذا العنصر السمات العامة بالإضافة إلى ما يلي:
| السمة | القيمة | الوصف |
|---|---|---|
value | The current measured value (required). | |
min | Lower bound of the range, default 0. | |
max | Upper bound of the range, default 1. | |
low | The 'low' threshold. | |
high | The 'high' threshold. | |
optimum | The optimal value, affecting color hints. |
▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <meter> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة： meter للقياسات ذات النطاق الثابت؛ للتقدم غير المعروف استخدم <progress>.
❓ الأسئلة الشائعة
Qما الفرق بين meter و progress؟
A
<meter> يمثل موضع «قيمة قياس ثابتة» داخل مجال معروف (إشغال القرص 65% وتقييم 4.2/5) ولديه مجالات دلالية min/max/low/high/optimum؛ بينما <progress> يمثل «تقدم مهمة جارية» ولا مفهوم له إلا إنجاز أم لا. فالتقييمات والنسب meter، والتحميل والرفع progress.Qكيف تستخدم سمات low و high و optimum في meter؟
Aتقسم جودة القياس داخل مجال min-max:
low/high يحددان نطاقي التحذير «منخفض جدًا/مرتفع جدًا»، وoptimum يحدد النطاق الأمثل. ويلوّن المتصفح المسطرة بحسب ذلك (أخضر/أصفر/أحمر)، مثل حرارة 36-37 optimum وانحرافها تحذير.Qهل يمكن كتابة محتوى داخل meter؟
Aنعم، المحتوى بين الوسمين نص بديل يظهر حين لا يدعم المتصفح عرض meter، مثل
<meter value='0.65'>65%</meter>. ويُستحسن تعزيز معلومات الوصولية بسمات aria-valuenow وغيرها لأن دعم قارئ الشاشة لـ meter متفاوت.🏷️ وسوم ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قادمة قريبًا — ترقبوا.
📚 دروس ذات صلة
