程序员

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

作者:admin 2021-07-22 我要评论

长的引使用blockquote,短的引号使用q,参考文献引用使用cite。在实践中,通常只用到blockquote和q。 根据的HTML规范,有三个元素,用于引用内容,即blockquote ...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

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

原文链接:https://m.jb51.net/web/12403.html

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 掌握常用的用于网页中引用内容的HTML标

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

  • 202个免费的高质量XHTML模板(1)

    202个免费的高质量XHTML模板(1)

  • 202个免费的高质量XHTML模板(2)

    202个免费的高质量XHTML模板(2)

  • 10个未被充分利用或被误解的HTML标签

    10个未被充分利用或被误解的HTML标签

腾讯云代理商
精彩导读
海外云服务器
热门资讯
腾讯云代理商