---
title: <summary>
slug: Web/HTML/Element/summary
tags:
  - Element
  - HTML
  - HTML5
  - Referenz
  - Web
  - Élément(2)
translation_of: Web/HTML/Element/summary
---
<h2 id="Übersicht">Übersicht</h2>

<p>Das HTML <em>summary </em>Element (<code>&lt;summary&gt;</code>) wird für Zusammenfassungen oder Legenden für den Inhalt eines {{HTMLElement("details")}} Elements verwendet.</p>

<div class="note"><strong>Hinweis:</strong> Wenn das <code>&lt;summary&gt;</code> Element ausgelassen wird, wird stattdessen die Titelzeile des "details" Bereich genutzt.</div>

<h2 id="Anwendung">Anwendung</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <td>Erlaubter Inhalt</td>
   <td><a href="/en/HTML/Content_categories#Phrasing_content" title="en/HTML/Content categories#Phrasing content">Formulierungsinhalt</a></td>
  </tr>
  <tr>
   <td>Tag Auslassung</td>
   <td>None, both the start tag and the end tag are mandatory.</td>
  </tr>
  <tr>
   <td>Erlaubte Elternelemente</td>
   <td>Das {{ HTMLElement("details") }} Element.</td>
  </tr>
  <tr>
   <td>Standard</td>
   <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/interactive-elements.html#the-summary-element" rel="external nofollow">HTML5, section 4.11.2</a></td>
  </tr>
 </tbody>
</table>

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

<p><span style="line-height: 21px;">Dieses Element schließt nur </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">globale Attribute</a><span style="line-height: 21px;"> ein.</span></p>

<h2 id="DOM_Schnittstelle">DOM Schnittstelle</h2>

<p>Dieses Element implementiert die <code><a href="/en/DOM/element" title="en/DOM/element">HTMLElement</a></code> Schnittstelle.</p>

<h2 id="Beispiel">Beispiel</h2>

<details style="color: blue; margin-left: 15px; margin-bottom: 10px;">
<p style="color: red;">In summation, get details from the link on the next line</p>
</details>

<p style="margin-bottom: 10px;">Siehe {{HTMLElement("details")}} Seite für Beispiele des &lt;summary&gt; Elements.</p>

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

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Spezifikation</th>
   <th scope="col">Status</th>
   <th scope="col">Anmerkung</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('HTML WHATWG', 'interactive-elements.html#the-summary-element', '&lt;summary&gt;')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5.1', 'interactive-elements.html#the-summary-element', '&lt;summary&gt;')}}</td>
   <td>{{Spec2('HTML5.1')}}</td>
   <td>Initial definition</td>
  </tr>
 </tbody>
</table>

<p> </p>

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

<p> </p>

<p>{{Compat("html.elements.summary")}}</p>

<p> </p>

<h2 id="Siehe_auch">Siehe auch</h2>

<p> </p>

<ul>
 <li>{{ HTMLElement("details") }}</li>
</ul>

<p> </p>

<div class="noinclude">{{ languages({ "de": "de/HTML/Element/summary", "ja": "ja/HTML/Element/summary" }) }}</div>

<p> </p>

<div class="noinclude">{{HTMLRef}}</div>