---
title: <time>
slug: Web/HTML/Element/time
tags:
  - Element
  - HTML
  - HTML Textlevel Semantiken
  - HTML5
  - Referenz
  - Web
translation_of: Web/HTML/Element/time
---
<p>Das <strong>HTML <code>&lt;time&gt;</code>-Element</strong> repräsentiert entweder Zeitangaben im 24-Stunden-Format oder ein präzises Datum im <a href="http://de.wikipedia.org/wiki/Gregorianischer_Kalender">gregorianischen Kalender</a> (mit optionalen Zeit- und Zeitzonen-Informationen).</p>

<p>Dieses Element erlaubt es, Daten und Zeiten in einem maschinell lesbaren Format darzustellen. Dies kann hilfreich für User Agents sein, die eine beliebige Art der Terminplanung für den Kalender des Benutzers anbieten.</p>

<div class="note"><strong>Hinweis zur Verwendung: </strong>Dieses Element ist nicht geeignet, wenn ein genaues Datum nicht berechnet werden kann oder das Datum vor der Einführung des gregorianischen Kalenders liegt (aufgrund von Schwierigkeiten, diese Daten zu berechnen).</div>

<table class="properties">
 <tbody>
  <tr>
   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Content categories</a></th>
   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">Flow content</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, palpable content.</td>
  </tr>
  <tr>
   <th scope="row">Permitted content</th>
   <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">Phrasing content</a>, aber keine verschachtelten <code>time</code>-Elemente.</td>
  </tr>
  <tr>
   <th scope="row">Tag omission</th>
   <td>Keine; sowohl End- als auch Starttag sind Pflicht.</td>
  </tr>
  <tr>
   <th scope="row">Permitted parent elements</th>
   <td>Jedes Element, das <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a> akzeptiert.</td>
  </tr>
  <tr>
   <th scope="row">DOM interface</th>
   <td>{{domxref("HTMLTimeElement")}}</td>
  </tr>
 </tbody>
</table>

<h2 id="Attribute">Attribute</h2>

<p>Wie alle anderen HTML-Elemente, unterstützt dieses Element <a href="/en-US/docs/HTML/Global_attributes">globale Attribute</a>.</p>

<dl>
 <dt>{{htmlattrdef("datetime")}}</dt>
 <dd>Dieses Attribut gibt Zeit und Datum des Elements an und muss ein <a href="http://www.w3.org/TR/html-markup/datatypes.html#common.data.datetime">gültiges Datum mit optionalem Zeit-String</a> sein. Wenn der Wert nicht als Datum mit optionalem Zeit-String geparst werden kann, wird diesem Element kein gültiger Zeitstempel zugeordnet.</dd>
</dl>

<h2 id="Beispiele">Beispiele</h2>

<h3 id="Simple_example" name="Simple_example">Einfaches Beispiel</h3>

<pre class="brush: html">&lt;p&gt;Das Konzert startet um &lt;time&gt;20:00&lt;/time&gt; Uhr.&lt;/p&gt;
</pre>

<p>Die Ausgabe des obigen HTML ist:</p>

<p>Das Konzert startet um 20:00 Uhr.</p>

<h3 id="Datetime_example" name="Datetime_example"><code>datetime</code>-Beispiel</h3>

<pre class="brush: html">&lt;p&gt;Das Konzert findet am &lt;time datetime="2001-05-15 19:00"&gt;15. Mai&lt;/time&gt; statt.&lt;/p&gt;
</pre>

<p>Die Ausgabe des obigen HTML ist:</p>

<p>Das Konzert findet am 15. Mai statt.</p>

<h2 id="Specifications" name="Specifications">Spezifikationen</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Spezifikation</th>
   <th scope="col">Status</th>
   <th scope="col">Kommentar</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('HTML WHATWG', '#the-time-element', '&lt;time&gt;')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td>Keine Änderung zu {{SpecName('HTML5.1')}}</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5.1', 'grouping-content.html#the-time-element', '&lt;main&gt;')}}</td>
   <td>{{Spec2('HTML5.1')}}</td>
   <td>Keine Änderung zu {{SpecName('HTML5 W3C')}}</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-time-element', '&lt;main&gt;')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td>Ursprüngliche Definition</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser-Kompatibilität">Browser-Kompatibilität</h2>

<p>{{CompatibilityTable}}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Feature</th>
   <th>Chrome</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari</th>
  </tr>
  <tr>
   <td>Basic support</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatGeckoDesktop("22.0")}}</td>
   <td>{{CompatUnknown}}</td>
   <td>11.50<br>
    Removed in 15.0</td>
   <td>{{CompatNo}}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Feature</th>
   <th>Android</th>
   <th>Chrome for Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Mobile</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Basic support</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatGeckoMobile("22.0")}}</td>
   <td>{{CompatUnknown}}</td>
   <td>11.50<br>
    Entfernt in 15.0</td>
   <td>{{CompatNo}}</td>
  </tr>
 </tbody>
</table>
</div>

<h2 id="See_also" name="See_also">Siehe auch</h2>

<ul>
 <li>Das{{HTMLElement("data")}}-Element erlaubt die Auszeichnung anderer Werte.</li>
</ul>

<p>{{HTMLRef}}</p>