• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • php7教程
  • MySQL手册
  • apache手册
  • <blockquote>

    HTML<blockquote>元素(或者HTML块级引用元素),代表其中的文字是引用内容。通常在渲染时,这部分的内容会有一定的缩进。

    浏览器支持

    所有主流浏览器都支持<blockquote>标签。

    示例

    毛泽东说过:
    <blockquote>帝国主义都是纸老虎 ... </blockquote>
    

    标签定义

    • <blockquote>标签定义摘自另一个源的块引用。
    • 若引文来源于网络,则可以将原内容的出处URL地址,设置到cite特性上。若要以文本的形式告知读者引文的出处时,可以通过<cite>元素。
    • 通常,浏览器会对<blockquote>元素进行缩进。

    使用方法

    • 如果标记是不需要段落分隔的短引用(行间引用),或者在行内引用较短的内容而非创建一个单独的引用块,请使用<q>
    • 若要修改被引用内容的缩进距离,可以使用CSSmargin-left和/或margin-right属性,或使用margin缩写属性。
    内容分类流式内容元素,章节内容元素,可触摸内容元素
    流式内容元素流式内容元素.
    标记省略不允许,开始标签和结束标签都不能省略。
    允许的父元素所有接受流式内容的元素。
    允许的 ARIA rolesAny
    DOM接口HTMLQuoteElement

    HTML 4.01 与 HTML5之间的差异

    在 HTML 4.01 中,<blockquote>标签定义一段长引用。

    在 HTML5 中,<blockquote>标签定义摘自另一个源的块引用。

    HTML 与 XHTML 之间的差异

    注释:如需把页面作为 XHTML 进行验证,那么<blockquote>元素必须包含块级元素,比如:

    <blockquote>
    <p>Here is a long quotation here is a long quotation.</p>
    </blockquote>
    属性描述
    citeURL规定引用的来源。

    全局属性

    <blockquote>标签支持HTML 的全局属性。

    事件属性

    <blockquote>标签支持HTML 的事件属性。

    实例

    定义一个摘自另一个源的块引用:

    <blockquote cite="//www.worldwildlife.org/who/index">
    for 50 years, wwf has been protecting the future of nature. the world's leading conservation organization, wwf works in 100 countries and is supported by 1.2 million members in the united states and close to 5 million globally.
    </blockquote>

    例子

    下面的这个例子演示了使用<blockquote>元素引用一段来自RFC 1149的内容,以禽类作为载体的IP 数据包传输标准。

    <blockquote cite="https://tools.ietf.org/html/rfc1149">
      <p>
    	avian carriers can provide high delay, low throughput, and low altitude service.  the connection topology is limited to a single   point-to-point path for each carrier, used with standard carriers, but many carriers can be used without significant interference with each other, outside of early spring.  this is because of the 3d ether space available to the carriers, in contrast to the 1d ether used by ieee802.3.  the carriers have an intrinsic collision avoidance system, which increases availability.
      </p>
    </blockquote>
    

    下篇:<pre>