如果你曾经看着HTML元素的列表,你会发现自己问“什么是引用?”The blockquote element is anHTML标签用于定义长的报价。这是显示这个元素的定义W3C HTML5规范:
引用的引用元素代表一个部分从另一个来源。
如何使用引用你的网页吗
当您编写web页面上的文本和创建页面的布局,有时你想叫出一块文本作为一个报价。这可能是一个引用其他地方,像客户证明伴随一个案例研究或项目的成功故事。
这也可能是一个设计治疗重复文章或一些重要的文本内容本身。在出版,这有时被称为一个把报价在网页设计中,其中一个方法做到这一点(我们是覆盖在这篇文章中)被称为引用。
让我们看看如何使用引用标记定义长报价,这样由刘易斯·卡罗尔摘自“无聊”:
Twas brillig和slithey toves
wabe环流和平衡台:
所有的密西是波洛高夫,
以及蒙洛斯奥格瑞。
(刘易斯·卡罗尔)
使用引用标记的示例
引用标签是一个语义标记,告诉浏览器或用户代理内容报价。因此,你不应该将文本不是一个报价在引用标记。
报价通常是实际的话,有人说或文本从外部源(如本文刘易斯·卡罗尔文本),但它可以也会把报价我们前面提过的概念。
当你想想看,把引用的引用文本,它恰好是引用本身出现在同一篇文章。
大多数web浏览器添加一些两边缩进(约5个空格)的引用,使它脱颖而出周围的文本。一些非常老的浏览器甚至可能呈现在斜体引用文本。记住,这只是引用元素的默认样式。
使用CSS,你已经完全控制如何将显示你的引用。你可以增加或者删除缩进,添加背景颜色或增加文本大小进一步调用引用。可以浮动,报价页面的一边和其他文本环绕它,这是一个常见的视觉风格用于引文印刷杂志。
你有控制用CSS引用的外观,不久我们将讨论更多的东西。现在,让我们继续看如何添加引用本身你的HTML标记。
引用标记添加到你的文本,只是周围的文本是一对报价以下标记:
- 开放:
- 关闭:
例如:
Twas brillig和slithey toves
wabe环流和平衡台:
所有的密西是波洛高夫,
以及蒙洛斯奥格瑞。添加引用标记的一对在引用的内容本身。在这个例子中,我们也使用了一些打破标签(
)在适当的地方添加单一换行符的文本。这是因为我们从诗歌文本,重现那些特定的休息是很重要的。如果你创建一个客户的报价,行不需要在特定的部分,你不想把这些标签,允许浏览器本身包装并根据需要打破基于屏幕大小。
不使用引用缩进文本吗
多年来,人们常常引用标记如果他们想缩进文本网页,即使文本不是一个报价。这是一个糟糕的练习!你不想使用引用的语义完全可视化的原因。
如果你需要缩进文本,您应该使用样式表,而不是引用标记(当然,除非你想缩进是什么报价!)。