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

掌握常用的用于网页中引用内容的HTML标记,第1张

掌握常用的用于网页中引用内容的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>。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/610537.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-14
下一篇 2022-04-14

发表评论

登录后才能评论

评论列表(0条)

保存