join: new@juude



get alerts for new articles






CLOSE WINDOW

join: new@juude



get alerts for new articles






CLOSE WINDOW
html5

Structural, Layout and More


<blockquote> </blockquote> (w3c)

The blockquote can only contain material that is quoted from another source.

It can contain its own header and footer.


Attributes: All Global + cite (not to be confused with the tag)
The cite attribute example
<blockquote cite="url">

The default is a block with margins on the left and right and bold text.


<q></q> (w3c)

Inline quoted material
Attributes: All Global + cite

I often use <q> to set-up my quote marks.You can set up your quote marks in CSS so that they appear automatically.

the property is: content:
The opening quote mark is: '\201C';
The closing quote mark is: '\201D';

You need to use the pseudo elements
:before and :after
along with a selector

Here is how they look in the CSS, just add the font style and size:
q:before {
content: '\201C';
}
q:after {
content: '\201D';
}