blockquote标签应该怎样使用?

关于语义化，不是一句两句就能说明白的，而且现在也没有一个官方的很严格的定义。关于<blockquote>没有争议的是：

1.引用一段较长的文字

2.可以使用cite标签或者属性

问题是<blockquote>引用的文字必须使用块级元素将他包含吗？

首先是来自W3C的解释

9.2.2 Quotations: The BLOCKQUOTE and Q elements<!ELEMENT BLOCKQUOTE - - (%block;SCRIPT)+ -- long quotation --><!ATTLIST BLOCKQUOTE %attrs;
                              -- %coreattrs, %i18n, %events -- cite
       %URI;
          #IMPLIED  -- URI for source document or msg -- ><!ELEMENT Q - - (%inline;)*
           -- short inline quotation --><!ATTLIST Q %attrs;
                             -- %coreattrs, %i18n, %events -- cite
        %URI;
          #IMPLIED  -- URI for source document or msg -- >

这两个便签指名包含的内容为引用文字. BLOCKQUOTE 用于长文字的引用(block-level content) 而 Q 用于短文字的引用(inline content) 且不允许引用的句子不完整。

这个例子的文字来自 "The Two Towers", 作者 J.R.R. Tolkien, 最为引用文字.<BLOCKQUOTE cite="http://www.mycom.com/tolkien/twotowers.html"><P>They went in single file, running like hounds on a strong scent,and an eager light was in their eyes. Nearly due west the broad swath of the marching Orcs tramped its ugly slot; the sweet grass of Rohan had been bruised and blackened as they passed.</P></BLOCKQUOTE>
http://www.456bereastreet.com/lab/developing_with_web_standards/structure/

这篇文章是应用web标准进行开发，里面提到了关于一些TAGS的语义下面摘录的是<blockquote>

For longer quotations that form one or more paragraphs, the <blockquote> element should be used. CSS can then be used to style the quotation. Note that text is not allowed directly inside a <blockquote> element – it must be contained in an element, usually a <p> element.
Example:<blockquote cite="http://www.w3.org/TR/1999/REC-html401-19991224/struct/text.html"> <p>&#8220;The following sections discuss issues surrounding the structuring of text. Elements that present text (alignment elements, font elements, style sheets, etc.) are discussed elsewhere in the specification. For information about characters, please consult the section on the document character set.&#8221;</p></blockquote>

[1] [2] 下一页

复制本页网址和标题，发送给你QQ/Msn的好友一起分享

上一篇:网页制作技巧：页面制作角色的思考

下一篇:Dreamweaver CS3 CPU使用100%的解决方法