blockquote tag (XHTML 1.1)
long quotationThe blockquote tag is, just like the q tag, used for displaying quotes. The difference is that the blockquote tag is for long quotes which spans more than one line, while the q tag is for short, one-line quotes. The tag can be used like this:
<blockquote>This is a very, very, very long quote!</blockquote>
The result looks like this in your browser:
This is a very, very, very long quote!
While it might not look terribly interestingly in your browser, another browser might choose to render it in another way, which is the main reason for tagging your text properly.
The cite attribute
The cite attribute can be used for specifying a source URL for the quote. For instance, here is a quote from Google, where we use the cite attribute to specify the page where we found it:
<blockquote cite="http://www.google.com/corporate/">Google's mission is to organize the world's information and make it universally accessible and useful.</blockquote>
Once again, it's up to the browser how to render this extra information, and most browsers chooses not to render it at all. That doesn't mean it's not useful though - the value might be picked up by search bots etc.
Attributes
| Attribute | Deprecated | Required | Description |
|---|---|---|---|
| cite | URI for source document or msg | ||
| class | space-separated list of classes | ||
| dir | direction for weak/neutral text | ||
| id | document-wide unique id | ||
| lang | language code | ||
| style | associated style info | ||
| title | advisory title |
Events
| Event | Description |
|---|---|
| onclick | a pointer button was clicked |
| ondblclick | a pointer button was double clicked |
| onkeydown | a key was pressed down |
| onkeypress | a key was pressed and released |
| onkeyup | a key was released |
| onmousedown | a pointer button was pressed down |
| onmousemove | a pointer was moved within |
| onmouseout | a pointer was moved away |
| onmouseover | a pointer was moved onto |
| onmouseup | a pointer button was released |