---
title: <blockquote>
slug: Web/HTML/Element/blockquote
tags:
  - Element
  - HTML
  - HTML Gruppierungsinhalt
  - 'HTML:Flow content'
  - Referenz
  - Web
translation_of: Web/HTML/Element/blockquote
---
<h2 id="Übersicht">Übersicht</h2>

<p>Das <strong>HTML <code>&lt;blockquote&gt;</code> Element</strong> (oder <em>HTML Block Quotation Element</em>) gibt an, dass der eingeschlossene Text ein erweiterndes Zitat ist. Normalerweise wird dieses Element als Einrückung dargestellt (siehe <a href="/en-US/docs/HTML/Element/blockquote#Notes" title="HTML/Element/blockquote#Notes">Anmerkungen</a> wie man die Darstellung ändert). Eine URL für die Quelle des Zitats kann mit Hilfe des <em>cite</em> Attributs angegeben werden, während die Quelle eines Textes mit dem {{HTMLElement("cite")}} Element angegeben werden kann.</p>

<table class="properties">
 <tbody>
  <tr>
   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Inhaltskategorien</a></th>
   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Fließender Inhalt</a>, Sektionsursprung, greifbarer Inhalt.</td>
  </tr>
  <tr>
   <th scope="row">Erlaubter Inhalt</th>
   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Phrasing_content">Fließender Inhalt</a>.</td>
  </tr>
  <tr>
   <th scope="row">Tag Auslassung</th>
   <td>{{no_tag_omission}}</td>
  </tr>
  <tr>
   <th scope="row">Erlaubte Elternelemente</th>
   <td>Jedes Element, dass <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Phrasing_content">fließenden Inhalt</a> erlaubt.</td>
  </tr>
  <tr>
   <th scope="row">DOM Schnittstelle</th>
   <td>{{domxref("HTMLQuoteElement")}}</td>
  </tr>
 </tbody>
</table>

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

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

<dl>
 <dt>{{htmlattrdef("cite")}}</dt>
 <dd>Eine URL, die ein Quelldokument oder die Quellnachricht angibt, für die zitierte Information. Dieses Attribut zielt darauf ab, auf Informationen zu zeigen, die den Kontext oder die Referenz des Zitats näher erläutern.</dd>
</dl>

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

<pre class="brush: html">&lt;blockquote cite="http://developer.mozilla.org"&gt;
  &lt;p&gt;Das ist ein Zitat vom Mozilla Developer Center.&lt;/p&gt;
&lt;/blockquote&gt;
</pre>

<p>Dieser HTML Code gibt folgendes Ergebnis aus:</p>

<blockquote cite="http://developer.mozilla.org">
<p>Das ist ein Zitat vom Mozilla Developer Center.</p>
</blockquote>

<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', 'grouping-content.html#the-blockquote-element', '&lt;blockquote&gt;')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-blockquote-element', '&lt;blockquote&gt;')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.2.2', '&lt;blockquote&gt;')}}</td>
   <td>{{Spec2('HTML4.01')}}</td>
   <td> </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>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoDesktop("1.0")}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Feature</th>
   <th>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>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoMobile("1.0")}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<h2 id="Anmerkungen">Anmerkungen</h2>

<p>Um die <code>&lt;blockquote&gt;</code> Einrückung zu ändern, kann die <a href="/en-US/docs/CSS" title="CSS">CSS</a> {{cssxref("margin")}} Eigenschaft genutzt werden.</p>

<p>Für kurze Zitate kann man das {{HTMLElement("q")}} Element nutzen.</p>

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

<ul>
 <li>Das {{HTMLElement("q")}}  Element einreihige Zitat.</li>
 <li>Das {{HTMLElement("cite")}} Element für Quellenangaben.</li>
</ul>

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