This page is temporary and is just for testing / demoing a few special block level elements for the beta site.
The first example is paragraphs with the class "intro" (e.g. <p class="intro"/>). Paragraphs with this class will get a slightly darker background, and have a dropshadow to make them stand out from the background.
The second example is paragraphs with the class "notice" (e.g. <p class="notice"/>). Paragraphs with this class will get a slightly darker background, and have a dropshadow to make them stand out from the background.
The third example is paragraphs with the class "important" (e.g. <p class="notice"/>). Paragraphs with this class will get a slightly darker background, and have a dropshadow to make them stand out from the background.
These two paragraph styles will only apply to text within a given paragraph tag. Subsequent paragraphs (such as this one) will have normal formatting.
The next example is the "blockquote" element (e.g. <blockquote/>). Blockquote containers must contain one or more paragraphs. Blockquotes will behave as block level elements (somewhat similar to similar the two paragraph styles above), but will include a large quotation mark to the left. Because "blockquote" is a semantic HTML element, it also lets browsers and search engines know that the text is a quote and supports "cite" elements within it to provide citations.
The cite element represents a reference to a creative work. It must include the title of the work or the name of the author (person, people or organization) or an URL reference, which may be in an abbreviated form as per the conventions used for the addition of citation metadata. [emphasis mine]
– 4.51 the Cite element , Berjon et al. 2013
The blockquote tag should include cite sub-elements including the title of the work, name of the author, or a URL reference (see above).