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

2021年1月15日 36点热度 0人点赞

长的引使用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>。

99君

这个人很懒,什么都没留下