---
title: <data>
slug: Web/HTML/Element/data
translation_of: Web/HTML/Element/data
---
<p><span id="result_box" lang="de"><span>Das HTML &lt;data&gt; -Element verknüpft einen gegebenen Inhalt mit einer maschinenlesbaren Übersetzung.</span> <span>Wenn der Inhalt zeit- oder datumsbezogen ist, muss das Element HTMLElement &lt;time&gt; verwendet werden.</span></span></p>

<table class="properties">
 <tbody>
  <tr>
   <th scope="row">Inhaltsverzeichnis</th>
   <td>fließender Inhalt, gestaltender Inhalt, eindeutiger Inhalt.</td>
  </tr>
  <tr>
   <th scope="row">Erlaubter Inhalt</th>
   <td>gestaltender Inhalt.</td>
  </tr>
  <tr>
   <th scope="row">Schlagwort Wegfall</th>
   <td>Keiner</td>
  </tr>
  <tr>
   <th scope="row">Erlaubte Eltern</th>
   <td>Alle Elemente die ein gestaltenden Inhalt haben.</td>
  </tr>
  <tr>
   <th scope="row">DOM interface</th>
   <td>domxref("HTMLDataElement")</td>
  </tr>
 </tbody>
</table>

<h2 id="Attributes">Attributes</h2>

<p><span id="result_box" lang="de"><span>Die Attribute dieses Elements enthalten die globalen Attribute.</span></span></p>

<dl>
 <dt>htmlattrdef("value")</dt>
 <dd><span id="result_box" lang="de"><span>Dieses Attribut gibt die maschinenlesbare Übersetzung des Inhalts des Elements an.</span></span></dd>
</dl>

<h2 id="Beispiel"><span class="short_text" id="result_box" lang="de"><span>Beispiel</span></span></h2>

<p><span id="result_box" lang="de"><span>Das folgende Beispiel zeigt Produktnamen an, ordnet jedoch jedem Namen eine Produktnummer zu.</span></span></p>

<pre class="brush: html">&lt;p&gt;New Products&lt;/p&gt;
&lt;ul&gt;
 &lt;li&gt;&lt;data value="398"&gt;Mini Ketchup&lt;/data&gt;&lt;/li&gt;
 &lt;li&gt;&lt;data value="399"&gt;Jumbo Ketchup&lt;/data&gt;&lt;/li&gt;
 &lt;li&gt;&lt;data value="400"&gt;Mega Jumbo Ketchup&lt;/data&gt;&lt;/li&gt;
&lt;/ul&gt;
</pre>

<h2 id="Spezifikationen"><span class="short_text" id="result_box" lang="de"><span>Spezifikationen</span></span></h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>SpecName('HTML WHATWG', 'semantics.html#the-data-element', '&lt;data&gt;')</td>
   <td>Spec2('HTML WHATWG')</td>
   <td>No change from SpecName('HTML5 W3C')</td>
  </tr>
  <tr>
   <td>SpecName('HTML5 W3C', 'text-level-semantics.html#the-data-element', '&lt;data&gt;')</td>
   <td>Spec2('HTML5 W3C')</td>
   <td>Initial definition.</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility">Browser compatibility</h2>

<p>Compat("html.elements.data")</p>

<h2 id="See_also">See also</h2>

<ul>
 <li>The HTML HTMLElement &lt;time&gt; element.</li>
</ul>

<p>HTMLRef</p>