عرض مصدر HTML/data

<noinclude>{{DISPLAYTITLE:العنصر <code>&lt;data&gt;</code>}}</noinclude>
يربط العنصر <code><nowiki><data></nowiki></code> بين محتوى العنصر وقيمة سهلة القراءة برمجيًا.

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

تُعرَض قائمة غير مرتبة [[HTML/ul|<nowiki><ul></nowiki>]] في المثال الآتي فيها عناصر <code>[[HTML/li|<nowiki><li></nowiki>]]</code> تُمثِّل السلع، ويرتبط رقم خاص بكل سلعة:
<syntaxhighlight lang="html">
<p>New Products</p>
<ul>
 <li><data value="398">Mini Ketchup</data></li>
 <li><data value="399">Jumbo Ketchup</data></li>
 <li><data value="400">Mega Jumbo Ketchup</data></li>
</ul>
</syntaxhighlight>

{| class="wikitable" style="width: 100%;"
|-
! scope="row" style="width: 20%;" | تصنيفات المحتوى
| عنصر تنظيمي أو عنصر عادي.
|-
! scope="row" | المحتوى المسموح
| محتوى عادي.
|-
! scope="row" | الوسم المختصر
| لا يمكن حذف أيّ من وسمَي البداية أو النهاية.
|-
! scope="row" | العناصر الأب
| أي عنصر يقبل المحتوى العادي.
|-
! scope="row" | واجهة DOM
| <code>HTMLDataElement</code>
|}

== دعم المتصفحات ==
{| class="wikitable" style="width: 50%;"
 !| Chrome
 ! Firefox
 ! Edge
 ! Safari
 ! Opera
|-
|62
|22.0
|مدعوم
|غير مدعوم
|غير مدعوم
|}

== الخاصيات ==
يمكن استخدام [[HTML/Global Attributes|الخاصيات العامة]] في هذا العنصر.

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

==مصادر ومواصفات==
*معيار [https://html.spec.whatwg.org/multipage/semantics.html#the-data-element HTML Living Standard].
*مواصفة [http://www.w3.org/TR/html5/text-level-semantics.html#the-data-element HTML5].
[[تصنيف:HTML]]
[[تصنيف:HTML Elements]]
[[تصنيف:HTML Inline text semantics]]