HTML <blockquote> tagg

Definition och användning

<blockquote> taggen reglerar delar från andra källor.

Browsrar tenderar att indra <blockquote> elementet (se exempel nedan för att förstå hur du tar bort indrag).

Detaljerad förklaring

<blockquote> taggen definierar blockcitat.<blockquote> Med </blockquote> All text mellan dessa kommer att separeras från vanlig text och kommer ofta att indragas (öka marginalen) på vänster och höger sida, och ibland användas kursivt. Detta innebär att blockcitat har sitt egna utrymme.

Tips:Använd <q>-taggen För att göra inre (korta) citat.

Se också:

HTML DOM-handbok:Blockquote-objekt

Exempel

Exempel 1

Upphovsrättsligt material från andra källor:

<blockquote cite="http://www.worldwildlife.org/who/index.html">
Under 50 år har Världsnaturfonden (WWF) skyddat naturens framtid.
Som världens ledande skyddande organisation arbetar WWF i 100 länder och får stöd från 1,2 miljoner medlemmar i USA och nästan 5 miljoner människor globalt.
</blockquote>

Prova själv

Exempel 2

Använd CSS för att ta bort indrag för blockquote-element.

<html>
<head>
<style>
blockquote {
  margin-left: 0;
}
</style>
</head>
<body>
<p>Detta är en citat från World Wildlife Fund:s webbplats:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
Under 50 år har Världsnaturfonden (WWF) skyddat naturens framtid.
Som världens ledande skyddande organisation arbetar WWF i 100 länder och får stöd från 1,2 miljoner medlemmar i USA och nästan 5 miljoner människor globalt.
</blockquote>
</body>
</html>

Prova själv

Egenskap

Egenskap Värde Beskrivning
cite URL Definierar källan till citeringen.

Globala attribut

<blockquote> Etiketter stöder också Globala attribut i HTML.

händelseegenskaper

<blockquote> Etiketter stöder också Evenhetsattribut i HTML.

Standard CSS-inställningar

De flesta webbläsare kommer att använda följande standardvärden för att visa <blockquote> Element:

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

Prova själv

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd