Naar de inhoud
Gratis naslagwerk over HTML
HTML leren en naslaan
Naslag / Tekst en koppen

Het element <blockquote>

Het <blockquote>-element van HTML geeft aan dat de omsloten tekst een uitgebreid citaat is. Meestal wordt dit visueel weergegeven door inspringing (zie Opmerkingen voor hoe je dit kunt wijzigen). Een URL naar de bron van het citaat kan worden opgegeven met het cite-attribuut, terwijl een tekstuele weergave van de bron kan worden opgegeven met het <cite>-element.

Code
<div>
  <blockquote cite="https://www.huxley.net/bnw/four.html">
    <p>
      Words can be like X-rays, if you use them properly—they'll go through
      anything. You read and you're pierced.
    </p>
  </blockquote>
  <p>—Aldous Huxley, <cite>Brave New World</cite></p>
</div>
Resultaat in de browser

Attributen

De attributen van dit element omvatten de globale attributen.

citeEen URL die een brondocument of bericht aanduidt voor de geciteerde informatie. Dit attribuut is bedoeld om te verwijzen naar informatie die de context of de referentie van het citaat verklaart.

Gebruiksopmerkingen

Volgens de specificatie moet de bronvermelding voor het citaat, indien aanwezig, buiten het <blockquote>-element worden geplaatst.

Gebruik de CSS-eigenschappen margin-left en/of margin-right, of de shorthand-eigenschap margin, om de inspringing van de geciteerde tekst te wijzigen.

Gebruik het <q>-element (Quotation) om kortere citaten inline op te nemen in plaats van in een apart blok.

Voorbeelden

Dit voorbeeld demonstreert het gebruik van het <blockquote>-element om een passage te citeren uit RFC 1149, A Standard for the Transmission of IP Datagrams on Avian Carriers.

HTML
<blockquote cite="https://datatracker.ietf.org/doc/html/rfc1149">
  <p>
    Avian carriers can provide high delay, low throughput, and low altitude
    service. The connection topology is limited to a single point-to-point path
    for each carrier, used with standard carriers, but many carriers can be used
    without significant interference with each other, outside early spring. This
    is because of the 3D ether space available to the carriers, in contrast to
    the 1D ether used by IEEE802.3. The carriers have an intrinsic collision
    avoidance system, which increases availability.
  </p>
</blockquote>

Resultaat

Technische samenvatting

Inhoudscategorieën Flow content, sectioning root, palpable content.
Toegestane inhoud Flow content.
Weglaten van tags Geen, zowel de begin- als eindtag zijn verplicht.
Toegestane ouders Elk element dat flow content accepteert.
Impliciete ARIA-rol blockquote
Toegestane ARIA-rollen Alle
DOM-interface HTMLQuoteElement

Zie ook

Verwante elementen