掌握常用的用于网页中引用内容的HTML标记

根据的html规范，有三个元素，用于引用内容，即<blockquote> <q> <cite>。现实中，对这些标签的使用还是比较少，因此，当你真正应用的时候，应该使用什么标签？你必须对它们的语义了如指掌。

<blockquote>

blockquote是内容的引用。内容必须包括块级元素，如标题，列表，段落或div标签。这个元素也可以有一个可选属性cite指定的位置（以uri的形式出现）例如：

<blockquote cite="http://www.VeVb.com/reference/htmltags/blockquote/"> 
<p>a large quotation. the content of a blockquote element must include block-level elements such as headings, lists, paragraphs or div's.</p> 
<p>cite can be used to specify the location (in the form of a uri) where the quote has come from.</p> 
</blockquote>

<q>

<q> 标签可定义一个短的引用。<q> 标签在本质上与 <blockquote> 是一样的。不同之处在于它们的显示和应用。<q> 标签用于简短的行内引用。

 bob said <q>sexy pyjamas</q> but chris said <q>a kimono</q>

虽然<q>几乎从未使用过，它有一些有用的属性。例如，您可以通过的css为<q>指定的外观引号符号 。这是允许的

q {}
q {quotes: '»' '«' }
q {quotes: '„' '“'}

看起来似乎不错，不过ie全系列都不支持，即使是最新的ie8也是。巨囧~~

<cite>

使用该标签对参考文献的引用进行定义，比如书籍或杂志的标题。例如：

<p>and <cite>bob</cite> said <q>no, i think it's a banana</q>.</p>

总结：

长的引使用<blockquote>，短的引号使用<q>，参考文献引用使用<cite>。在实践中，通常只用到<blockquote>和<q>。