Referens
HTML blockquote
HTML blockquote taggen markerar ett längre citat.
Exempel:
En klassiker är en bok som folk berömmer, men inte läser.
-Mark Twain
HTML:
<blockquote> En klassiker är en bok som folk berömmer, men inte läser. -Mark Twain </blockquote>
| Elementtyp | Sluttagg | Utfasat | Doctype |
|---|---|---|---|
| Blockelement | Ja | Nej | Strict, Transitional, Frameset |
| Elementet får innehålla | |||
| Blockelement eller script (HTML Strict) Blockelement eller inlineelement (HTML Transational) |
|||
| Elementet får finnas i | |||
| applet, blockquote, body, button, center, dd, del, div, fieldset, form, iframe, ins, li, map, noframes, noscript, object, td, th | |||
| Skillnad mellan HTML och XHTML | |||
| Elementet får bara innehålla blockelement i XHTML 1.0 Strict DTD | |||
Tips för HTML blockquote
Många webbläsare lägger automatiskt in marginaler för blockquote elementet. Eftersom dessa kan variera mellan olika läsare kan man använda CSS för att låta citatet visas lika av alla läsare.
CSS:
blockquote {
margin: 5px 5px 5px 15px;
}
HTML blockquote attribut
Valbara attribut |
||
| Attribut | Beskrivning | Värde |
|---|---|---|
| cite | Anger URL till citatets källa | URL |
Universella attribut |
||
| Attribut | Beskrivning | Värde |
| id | Anger att elements unika identitet | text |
| class | Anger vilken klass eller vilka klasser ett element tillhör | text |
| style | Tilldelar elementet en egen visuell stil | CSS attribut och värden |
| title | Anger en titel för eller kort beskrivning av elementet | text |
| dir | Anger textriktning för innehållet | rtl, ltr |
| lang | Anger språk på elementets innehåll | språkkod |
| xml:lang | Används istället för "lang" när koden skrivs i XHTML 1.0 | språkkod |
Händelse attribut |
||
| Attribut | Utlösande händelse | Värde |
| onclick | Enkelklick med musen på elementet | javascript |
| ondblclick | Dubbelklick med musen på elementet | javascript |
| onkeydown | En tangent trycks ned | javascript |
| onkeyup | En tangent släpps upp | javascript |
| onkeypress | En tangent trycks ned eller hålls nedtryckt | javascript |
| onmousedown | En musknapp trycks ned över elementet | javascript |
| onmouseup | En musknapp släpps upp över elementet | javascript |
| onmouseover | Muspekaren flyttas in över elementet | javascript |
| onmousemove | Muspekaren flyttas inom elementet | javascript |
| onmouseout | Muspekaren flyttas ut från elementet | javascript |





