上QQ阅读APP看书，第一时间看更新
3.1.6 标签<q>和<blockquote>❹❺
标签<q>和<blockquote>都用来在文档中插入一段引文。<q>标签主要用于定义短引文（行内引文）。<blockquote>标签用于插入大段的引文块（块引文），其中的所有文本都会从常规文本中分离出来，表明它拥有它们自己的空间，可以在该标签中加入<p>段落标签。这两个标签都需要结束标签。
语法格式：
<q cite="URL">引用文本</q> <blockquote cite="URL">引用文本</blockquote>
语法说明：
浏览器会在<blockquote>元素内容的前后分别插入一行空白，并在内容的左右两侧增添边距。<q>标签没有这些变化，但是有的浏览器会自动为引文添加“""”，如Chrome和FireFox，而IE 10则没有变化。
这两个标签都含有一个可选属性cite，用于设置引文的出处（通常设置为URL地址）。
这两个标签同时被HTML4和HTML5支持。
应用举例（q_blockquote.html）：
<html> <head> <meta http-equiv="Content-Type" content= "text/html; charset=gb2312" /> <title>引文格式</title> </head> <body> 将进酒-将进酒-将进酒-将进酒-将进酒-将进酒-将进酒-将进酒-将进酒-将进酒-将进酒 <blockquote> <p>君不见黄河之水天上来，奔流到海不复回。 君不见高堂明镜悲白发，朝如青丝暮成雪。 人生得意须尽欢，莫使金樽空对月。 天生我材必有用，千金散尽还复来。 </p> </blockquote> 李白的诗-李白的诗-李白的诗-李白的诗-李白的诗 -李白的诗-李白的诗-李白的诗-李白的诗 <p> <q>与君歌一曲，请君为我侧耳听</q> </p> </body> </html>
代码说明：
以上代码中，加粗的部分用于设置<q>标签和<blockquote>标签。
在Chrome浏览器中显示效果如图3-6所示。
图3-6 <q>标签和<blockquote>标签
从图中可以看出，<blockquote>标签中的诗歌离前后段落都有空白行，同时离浏览器两边都有间距。而<q>标签中的文本被添加了引号。