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

没有争议的是：

1.引用一段较长的文字

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

问题是

引用的文字必须使用块级元素将他包含吗？

首先是来自W3C的解释

9.2.2 Quotations: The BLOCKQUOTE and Q elements

-- %coreattrs, %i18n, %events -- cite

%URI;

#IMPLIED -- URI for source document or msg -- >

-- short inline quotation -->

-- %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, 最为引用文字.

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.

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

For longer quotations that form one or more paragraphs, the

element should be used. CSS can then be used to style the quotation. Note that text is not allowed directly inside a

element – it must be contained in an element, usually a

element.

Example:

“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.”

http://24ways.org/advent/transitional-vs-strict-markup

这篇文章是关于transitional-vs-strict，过渡型和标准型xhtml的区别，里面提到了内容模型的区别，有关于

的内容，在strict中，引用的内容必须使用块级元素将其包含，通常是

,

中。

Content model differences

An element type’s content model describes what may be contained by an instance of the element type. The most important difference in content models between Transitional and Strict is that blockquote, body, and form elements may only contain block level elements. A few examples:

text and images are not allowed immediately inside the body element, and need to be contained in a block level element like p or div

input elements must not be direct descendants of a form element

text in blockquote elements must be wrapped in a block level element like p or div

所以，我认为，在strict型必须用块级元素将引用文字包含，而在非strict型中就不必了，但是建议这样这样做，因为strict型文档更严格，也算是向后兼容了。

更多信息请查看 网页制作

【点此处就本文及相关问题在本站进行非正式的简要咨询（便捷快速）】 【点此处查询各地各类考试咨询QQ号码及交流群】

上一篇： 网页表格表框制作技巧

下一篇： 网页表格分割线去除方法

手机网站地址： blockquote标记应用注意

由于各方面情况的不断调整与变化， 提供的所有考试信息和咨询回复仅供参考，敬请考生以权威部门公布的正式信息和咨询为准！

相关阅读 网页制作

使用CSS制作立体导航栏 10月30日

用纯CSS3实现网页中常见的小箭头 10月30日

有关HTML5中背景音乐的自动播放功能 10月30日

HTML5、Select下拉框右边加图标的实现代码(增进用户体验) 10月30日

html5实现图片转圈的动画效果——让页面动起来 10月30日

html5清空画布方法(三种) 10月30日

HTML实现移动端固定悬浮半透明搜索框 10月30日

HTML5 文件域+FileReader 分段读取文件并上传到服务器 10月30日

Dreamweaver怎么设计彩色边框的表格? 10月30日

Dreamweaver怎么给个人简历添加照片并排版? 10月30日

基于HTML5的WebGL实现json和echarts图表展现在同一个界面 10月30日

解决HTML5手机端页面缩放的问题 10月30日

利用纯CSS实现居中的七大方法示例 09月29日

CSS3中伪元素::before和::after的用法示例 09月29日

详解使用 CSS 的 font-size-adjust 属性改善网页排版 09月29日

HTML5+CSS3 实现灵动的动画 TAB 切换效果(DEMO) 09月29日

css3 pointer-events 介绍详解 09月29日

CSS :focus-within的具体使用 09月29日

你所不知道的 CSS 动画技巧与细节 09月29日

详解CSS3选择器:nth-child和:nth-of-type之间的差异 09月29日