HTML and CSS Reference
In-Depth Information
back after the ceremony and bought five more capes, plus matching
Web browsers will display the blockquote element as an indented block of text, as you can see in Figure
4-4. In the past, some web designers misused this element to create wider margins around their text,
whether it was a quotation or not. Once again, that's presentational markup that confuses the content's
meaning. You should only use a blockquote for actual quotations and use CSS to control margins.
Figure 4-4. The default rendering of a block quotation as an indented portion of text
HTML 4.01 and XHTML 1.0 specified that a blockquote element could only contain block-level children;
plain text or inline (phrasing) elements couldn't appear as direct children of a blockquote . HTML5 has
done away with this restriction, but it's always best to use appropriate elements for the quoted content—
paragraphs, lists, headings, and so on. The blockquote element also constitutes a sectioning root in
HTML, so headings within a block quotation won't interfere with the outline of the surrounding section.
Required Attributes
The blockquote element doesn't have any required attributes.
Optional Attributes
cite : The URL of the quotation's original source.
Contrary to this element's name, address isn't intended for just any postal address; its purpose is to
provide contact information for the person or organization responsible for its parent article element (if it
occurs within an article ), or otherwise for the entire document. An address often belongs in a footer
element or possibly in a header , but neither is a requirement.
This element harkens back to the early days when primarily academics and programmers used the Web. A
researcher at a university might publish her findings on the Web and include her name, position, website,
and e-mail address to stake her claim. In that sense, think of the address element more like a byline or
Search WWH ::

Custom Search