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

长的引使用blockquote，短的引号使用q，参考文献引用使用cite。在实践中，通常只用到blockquote和q。
根据的HTML规范，有三个元素，用于引用内容，即<blockquote> <q> <cite>。现实中，对这些标签的使用还是比较少，因此，当你真正应用的时候，应该使用什么标签？你必须对它们的语义了如指掌。
<blockquote>
blockquote是内容的引用。内容必须包括块级元素，如标题，列表，段落或div标签。这个元素也可以有一个可选属性cite指定的位置（以URI的形式出现）例如：
<blockquote cite="https://www.jb51.net/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>。

最新评论