<data>: عنصر DATA
آخر تحديث: 2026-10-13
<data>عنصر DATA
يربط نصًا مرئيًا بقيمة قابلة للقراءة آليًا، مثل اسم منتج مع سعره أو كوده. يعرض المتصفح النص فقط؛ وتستطيع السكربتات قراءة value.
| الفئة | محتوى النص |
|---|---|
| نموذج المحتوى | محتوى تدفقي |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى التدفقي |
| وسم الإغلاق | نعم — يتطلب إغلاق </data> وسم |
| الحالة | قياسي |
📝 البنية
<data value="598">$598</data>⚙️ السمات
يدعم هذا العنصر السمات العامة بالإضافة إلى ما يلي:
| السمة | القيمة | الوصف |
|---|---|---|
value | The machine-readable value; the text is still shown as-is. |
▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <data> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة： للقيم المرتبطة بالوقت، يُفضل <time> على <data> لدلالة أفضل.
❓ الأسئلة الشائعة
Qما وظيفة وسم data؟
A
<data> يربط «المحتوى المفهوم للبشر» بـ «القيمة المفهومة للآلات»: المحتوى بين وسمي العنصر والقيمة الآلية في سمة value. مثال: <data value='20261009'>9 أكتوبر</data> — تحصل السكربتات والزواحف على القيمة المعيارية.Qما الفرق بين data و time؟
Aالتقسيم واضح: التاريخ والوقت يستخدمان
<time> (وبصيغة datetime مقيّدة بـ ISO 8601)؛ وسائر البيانات الأخرى (أرقام تسلسلية، كميات، إحداثيات، معرّفات) تستخدم <data> بقيمة value حرة الصيغة. وكلاهما يحقق «فصل العرض عن البيانات».Qهل سمة value في data إلزامية؟
Aنعم.
<data> بلا سمة value بلا معنى لوجوده (تشترط المواصفات value إلزاميًا)، فحالات النص الخالص اكتب النص مباشرة. وإن احتجت قراءة آلية بلا قيمة مناسبة ففكّر في حقول مخفية أو سمات مخصصة data-*.🏷️ وسوم ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قادمة قريبًا — ترقبوا.
📚 دروس ذات صلة
