HTML <blockquote> Tag

Definition og brug

<blockquote> tagget bestemmer hvilke dele der citeres fra andre kilder.

Browsere vil normalt indrykke <blockquote> elementet (se nedenstående eksempel for at finde ud af, hvordan du fjerner indrykning).

Detaljeret beskrivelse

<blockquote> tagget definerer blok citater.<blockquote> med </blockquote> Alt tekst mellem disse vil blive adskilt fra almindelig tekst, og det vil ofte være indrykket til venstre og højre (øget margin), og nogle gange brugt i kursiv. Det vil sige, at blok citater har deres egen plads.

Tip:Brug <q>-tagget for at udføre indlejrede (korte) citater.

Se også:

HTML DOM Reference Manual:Blockquote-objekt

Eksempel

Eksempel 1

Citeret fra andre kilder:

<blockquote cite="http://www.worldwildlife.org/who/index.html">
I 50 år har Verdens Naturfond (WWF) beskyttet fremtiden for naturen.
Som verdens førende beskyttelsesorganisation arbejder WWF i 100 lande og modtager støtte fra 1,2 millioner medlemmer i USA og næsten 5 millioner mennesker globalt.
</blockquote>

Prøv det selv

Eksempel 2

Brug CSS til at fjerne indrykning af blockquote-elementer:

<html>
<head>
<style>
blockquote {
  margin-left: 0;
}
</style>
</head>
<body>
<p>Dette er en citat fra World Wildlife Foundations hjemmeside:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
I 50 år har Verdens Naturfond (WWF) beskyttet fremtiden for naturen.
Som verdens førende beskyttelsesorganisation arbejder WWF i 100 lande og modtager støtte fra 1,2 millioner medlemmer i USA og næsten 5 millioner mennesker globalt.
</blockquote>
</body>
</html>

Prøv det selv

Egenskab

Egenskab Værdi Beskrivelse
cite URL Definerer kilden til citationen.

Globale egenskaber

<blockquote> Tagget understøtter også Globale egenskaber i HTML.

eventegenskaber

<blockquote> Tagget understøtter også Eventegenskaber i HTML.

Standard CSS-indstillinger

De fleste browsere vil bruge følgende standardværdier til visning <blockquote> Element:

blockquote {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
}

Prøv det selv

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support