Blockquote: Skillnad mellan sidversioner

Från Webbling
Hoppa till: navigering, sök
(Skapade sidan med 'Detta HTML-element används för att indikera att innehållet är ett längre, blockcitat. Vill man ange en källa kan man antingen använda sig av <code>cite</code>-attribute...')
 
 
(2 mellanliggande sidversioner av samma användare visas inte)
Rad 3: Rad 3:
Enbart de [[globala attribut]]en är tillgängliga för denna tagg.
Enbart de [[globala attribut]]en är tillgängliga för denna tagg.
== Exempel ==
== Exempel ==
<codepen pen="jPxryq" tab="html,result" height="230">
<syntaxhighlight lang="html5">
<syntaxhighlight lang="html5">
<blockquote> cite="http://webbling.se">
<blockquote> cite="http://webbling.se">
<p>Lite text</p>
<blockquote cite="http://webbling.se">
   <p>Här är ett exempel citat...</p>
   <p>Här är ett exempel citat...</p>
</blockquote>
</blockquote>
<p>Lite mer text</p></blockquote>
</syntaxhighlight>
</syntaxhighlight>
</codepen>
Ovanstående exempel skapar ett blockcitat med en länk till källan.
Ovanstående exempel skapar ett blockcitat med en länk till källan.
== Referenser ==
== Referenser ==
=== Taggens definition i [[WHATWG]]s levande HTML-standard ===
=== Taggens definition i [[WHATWG]]s levande HTML-standard ===

Nuvarande version från 18 januari 2019 kl. 14.31

Detta HTML-element används för att indikera att innehållet är ett längre, blockcitat. Vill man ange en källa kan man antingen använda sig av cite-attributet för att ange en URL, eller också kan man använda sig av cite-taggen för att skriva ut källhänvisningen i dokumentet.

Tillgänliga attribut

Enbart de globala attributen är tillgängliga för denna tagg.

Exempel

See the Pen jPxryq by Patrik Grip-Jansson (@PGJ) on CodePen.

Ovanstående exempel skapar ett blockcitat med en länk till källan.

Referenser

Taggens definition i WHATWGs levande HTML-standard

http://www.whatwg.org/specs/web-apps/current-work/multipage/grouping-content.html#the-blockquote-element

Taggens definition i HTML5-standarden

http://www.w3.org/TR/html5/grouping-content.html#the-blockquote-element