引文
引文可以突出节选的文本。它们通常用于声明之中,有时候用在博客的评论中,最重要的是它们会被用在段落文本中。然而,并不是所有的引文都是相同的。节选引文(pull quote)直接从页面自身节选文本内容。它会从内容的文本流中拉出一部分文本,并且把它们在页面显著的位置重现以吸引用户的注意力。
![]() |
| Idsgn.org 中一块生动的区块(block quote)引文。 |
正如节选引文一样,区块引文(block quote,更确切地说是block quotations),被当做独立的段落或区块而从正文中分离出来。和节选引文不同的是,它们包含一篇不在页面内容之内、来自额外的资源的文章。区块引文通常被设定在正文文本流之内。“常规”引文引用其他资源的内容,并且和正文文本流融合,而不是分离。
根据HTML 的标准,3 个元素可以用来表示引用内容:
<blockquote>、<q> 和<cite>。虽然它们都用来标记引文,每一个都有不同的含义和不同的用途。
一个区块引文标记<blockquote> 用来标记相对较长的引文,这是脱离正文的一大段内容。这些文本通常来自外部的资源,也可以参考以前的文章。
<q> 用来表示短的内嵌的引文。
- <p>Andrew answered <q>fonts</q>, but Steven said
- <q>typefaces</q></p>
虽然它很少被使用,但是它有一些有用的属性。比如,你可以通过使用CSS 在<q> 元素的内部调整引文的外观。这是非常有用的,因为不同的语言有不同的引号形式(可以参考上文“不要使用哑的引号”那一节)。
最后,<cite> 定义了一种内嵌的引用或参考其他资源的格式。
广州网站建设,网站建设,广州网页设计,广州网站设计
- <p>But then <cite>Andrew</cite> said <q>No, I think these
- fonts work better</q>.</p>
引号、括号、线条、缩进、引用的图像、对话框、气泡提示—一个设计师可以采用的多种方式来创建美丽的、值得记忆的引文。设计方案因颜色、形式和大小的不同而不同。不同的技术产生不同的效果。然而,有一点是很重要的,对访客而言,引文必须确实像引文,否则它将变成难以琢磨的内容。同样,节俭地使用引文,它们应该扮演配角,来支持正文内容,而没有其他的用途。它们应该有令人愉悦的变化,而不是千篇一律。
虽然看上去很漂亮,节选引文有内在的问题,它们被放在HTML 内容的中间。
对于那些通过支持CSS 的浏览器来浏览页面的用户来说,一切可能都非常令人满意。但是对于那些使用不支持CSS 的浏览器或阅读器的用户而言,节选引文会出现在正文的中间。一段引文突然出现在两个段落之间,但是并没有把它们连接起来,这将会打断文本流并使用户迷惑。
如果你的内容包含节选引文,为那些误入歧途的用户提供一点额外的信息也许是明智的选择。在(X)HTML 中,可以包含一条消息,并通过CSS 进行隐藏,在引文的开头加上“节选引文开始”,在引文结尾加上“节选引文结束”。你甚至可以使用类似于“跳跃导航”(Skip navigation)的链接来帮助用户跳过整个节选引文继续浏览主要内容。




