html blockquote，q，pre的区别

一、blockquote标签

blockquote定义块引用，标记长的引用。在这个标签之间的所有文本都会从常规中抽离出，并且会在左右两边缩进增加外边距

二、q标签

q元素标记短的引用，本质上和blockquote一样，会自带引号

三、pre标签

pre标签中的文本通常会保留空格和换行符， 而文本也会呈现出等宽字体。

 

<q>诗词名句栏目提供古代经典诗句的全文和赏析，
    包括春天诗句、夏天诗句、秋天诗句、送别诗句、思乡诗句、思念的诗句、爱情诗句、励志诗句、哲理诗句等经典古诗词名句大全</q>
<blockquote>诗词名句栏目提供古代经典诗句的全文和赏析，
    包括春天诗句、夏天诗句、秋天诗句、送别诗句、思乡诗句、思念的诗句、爱情诗句、励志诗句、哲理诗句等经典古诗词名句大全</blockquote>
<pre> 诗词名句栏目提供古代经典诗句的全文和赏析，
    包括春天诗句、夏天诗句、秋天诗句、送别诗句、思乡诗句、思念的诗句、爱情诗句、励志诗句、哲理诗句等经典古诗词名句大全</pre>

 

 效果展示：