الفرق بين المراجعتين لصفحة: «HTML/data»

المراجعة الحالية بتاريخ 03:58، 19 فبراير 2018

يربط العنصر <data> بين محتوى العنصر وقيمة سهلة القراءة برمجيًا. لا يؤثر العنصر <data> على طريقة العرض أبدًا.

إذا كان المحتوى متعلقًا بالوقت أو التاريخ، فيجب حينئذٍ استخدام العنصر <time>.

تُعرَض قائمة غير مرتبة <ul> في المثال الآتي فيها عناصر <li> تُمثِّل السلع، ويرتبط رقم خاص بكل سلعة:

<p>المنتجات</p>
<ul>
  <li><data value="001">مربى السفرجل</data></li>
  <li><data value="002">حلاوة بطحينة</data></li>
  <li><data value="003">جبنة سائلة</data></li>
</ul>

بطاقة العنصر

تصنيفات المحتوى	عنصر تنظيمي أو عنصر عادي.
المحتوى المسموح	محتوى عادي.
الوسم المختصر	لا يمكن حذف أيّ من وسمَي البداية أو النهاية.
العناصر الأب	أي عنصر يقبل المحتوى العادي.
واجهة DOM	`HTMLDataElement`

دعم المتصفحات

Chrome	Firefox	Edge	Safari	Opera
62	22.0	مدعوم	غير مدعوم	غير مدعوم

الخاصيات

يمكن استخدام الخاصيات العامة في هذا العنصر.

`value`

تُحدِّد هذه الخاصية ما هي القيمة التي تسهل قراءتها برمجيًا والتي تُكافئ محتوى العنصر.

مصادر ومواصفات

معيار HTML Living Standard.
مواصفة HTML5.

@@ سطر 1: / سطر 1: @@
 <noinclude>{{DISPLAYTITLE:العنصر <code>&lt;data&gt;</code>}}</noinclude>
-يربط العنصر <code><nowiki><data></nowiki></code> بين محتوى العنصر وقيمة سهلة القراءة برمجيًا.
+يربط العنصر <code><nowiki><data></nowiki></code> بين محتوى العنصر وقيمة سهلة القراءة برمجيًا. لا يؤثر العنصر <code><nowiki><data></nowiki></code> على طريقة العرض أبدًا.
 إذا كان المحتوى متعلقًا بالوقت أو التاريخ، فيجب حينئذٍ استخدام العنصر <code>[[HTML/time|<nowiki><time></nowiki>]]</code>.
@@ سطر 6: / سطر 6: @@
 تُعرَض قائمة غير مرتبة [[HTML/ul|<nowiki><ul></nowiki>]] في المثال الآتي فيها عناصر <code>[[HTML/li|<nowiki><li></nowiki>]]</code> تُمثِّل السلع، ويرتبط رقم خاص بكل سلعة:
 <syntaxhighlight lang="html">
-<p>New Products</p>
+<p>المنتجات</p>
 <ul>
- <li><data value="398">Mini Ketchup</data></li>
+  <li><data value="001">مربى السفرجل</data></li>
- <li><data value="399">Jumbo Ketchup</data></li>
+  <li><data value="002">حلاوة بطحينة</data></li>
- <li><data value="400">Mega Jumbo Ketchup</data></li>
+  <li><data value="003">جبنة سائلة</data></li>
 </ul>
 </syntaxhighlight>
+== بطاقة العنصر ==
 {| class="wikitable" style="width: 100%;"
 |-