当前位置:Web前端 > 其它> 正文

HTML5<q> 与 <blockquote> 的区别

时间:2014-3-30类别:Web前端

HTML5<q> 与 <blockquote> 的区别

HTML5<q> 与 <blockquote> 的区别

 一、<q> 标签

 

1、定义和用法

<q> 标签定义短的引用。

浏览器经常在引用的内容周围添加引号。

 

2、浏览器支持

所有浏览器都支持 <q> 标签。

 

3、提示

根据 HTML 4.01 规范,q 元素应当使用分界引号来呈现,就是说,q 元素包含的文本必须以引号来开始和结束。Mozilla 浏览器 (Firefox) 以及 Opera 符合这个规定,但是 Internet Explorer 却不支持此规定。结果,如果要使用 <q> 标签,而且用自己的引号来满足 Internet Explorer,那么就要在符合标准的浏览器使用两组引号。尽管如此,我们还是推荐使用 <q> 标签,这不仅仅因为我们喜欢标准,还因为我们预见到了将其应用于文档处理、信息提取等方面的显示效果。

 

4、实例

  •  
  • HTML 代码   复制
  • 
    <html>
    <body>
    
    <p>Here comes a short quotation: <q>This is a short quotation</q></p>
    
    <p>请注意,浏览器在引用的周围插入了引号。</p>
    
    </body>
    </html>
    
    		
  •  

    二、<blockquote> 标签

     

    1、定义和用法

    <blockquote> 标签定义块引用。

    <blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进(增加外边距),而且有时会使用斜体。也就是说,块引用拥有它们自己的空间。

     

    2、浏览器支持

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

    注释:没有浏览器能够正确地显示 cite 属性。

     

    3、提示

    请使用 q 元素来标记短的引用。

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

    <blockquote>
    <p>here is a long quotation here is a long quotation</p>
    
    

    </blockquote>
     

    4、实例

  •  
  • HTML 代码   复制
  • 
    <html>
    <body>
    
    Here comes a long quotation:
    
    <blockquote>
    This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation.
    </blockquote>
    
    请注意,浏览器在 blockquote 元素前后添加了换行,并增加了外边距。
    
    </body>
    </html>
    
    		
  •  

    三、<q> 与 <blockquote> 的区别

     

    1、<q> 标签在本质上与 <blockquote> 是一样的。不同之处在于它们的显示和应用。<q> 标签用于简短的行内引用。如果需要从周围内容分离出来比较长的部分(通常显示为缩进的块),请使用 <blockquote> 标签。

    2、使用 blockquote 元素的话,浏览器会插入换行和外边距,而 q 元素不会有任何特殊的呈现。

    3、lockquote是内容的引用。内容必须包括块级元素,如标题,列表,段落或li标签,一般用于长的段落引用。这个元素也可以有一个可选属性cite指定的位置(以URI的形式出现)

    4、<q> 标签可定义一个短的引用。<q> 标签在本质上与 <blockquote> 是一样的。不同之处在于它们的显示和应用。<q> 标签用于简短的行内引用。
     

     

    上一篇下一篇

    猜您喜欢

    热门推荐