<q>标签和<blockquote>标签，文本引用

叁歲伎倆 2022-06-18 05:21 200阅读 0赞

**<q>标签 **

想在你的html中加一段引用吗？比如在你的网页的文章里想引用某个作家的一句诗，这样会使你的文章更加出彩，那么`<q>`标签是你所需要的。

语法：

`<q>引用文本</q>`

如下面例子：

<p>最初知道庄子，是从一首诗<q>庄生晓梦迷蝴蝶。望帝春心托杜鹃。</q>开始的。虽然当时不知道是什么意思，只是觉得诗句挺特别。后来才明白这个典故出自是庄子的《逍遥游》，《逍遥游》代表了庄子思想的最高境界，是对世俗社会的功名利禄及自己的舍弃。</p>

讲解：

1. 在上面的例子中，“庄生晓梦迷蝴蝶。望帝春心托杜鹃。” 这是一句诗歌，出自晚唐诗人李商隐的《锦瑟》 。因为不是作者自己的文字，所以需要使用`<q></q>`实现引用。

2. 注意要引用的文本不用加双引号，浏览器会对q标签自动添加双引号。

下图是代码显示结果：

[![528c0ab90001413905750340.jpg][]][528c0ab90001413905750340.jpg]

注意这里用<q>标签的真正关键点不是它的默认样式双引号（如果这样我们不如自己在键盘上输入双引号就行了），而是它的语义：引用别人的话。

** <blockquote>的作用也是引用别人的文本。**

但它是对长文本的引用，如在文章中引入大段某知名作家的文字，这时需要这个标签。

等等，上一节<q>标签不是也是对文本的引用吗？不要忘记`<q>`标签是对简短文本的引用，比如说引用一句话就用到`<q>`标签。

如想在我的文章中引用李白《关山月》中的诗句，因为引用文本比较长，所以使用`<blockquote>`。

语法:

`<blockquote>引用文本</blockquote>`

如下面例子：

<blockquote>明月出天山，苍茫云海间。长风几万里，吹度玉门关。汉下白登道，胡窥青海湾。由来征战地，不见有人还。 戍客望边色，思归多苦颜。高楼当此夜，叹息未应闲。</blockquote>

浏览器对<blockquote>标签的解析是缩进样式。如下图所示：

[![528c50ea000146a205520264.jpg][]][528c50ea000146a205520264.jpg]

[528c0ab90001413905750340.jpg]: /images/20220618/df97fd10799348dfb71a4d7be2a1c7e3.png
[528c50ea000146a205520264.jpg]: /images/20220618/205ce8dda97e4410ac40f216a8b67107.png

发表评论取消回复

表情：

评论列表（有 0 条评论，200人围观）

还没有评论，来说两句吧...

相关阅读

相关文本标签，多媒体标签

<!DOCTYPE html> <html> <head> <meta charset="UTF

短命女/ 2023年09月27日 13:38/ 0 赞/ 101 阅读

相关 HTML文本修饰标签。

转自：[http://www.pinlue.com/article/2019/10/2213/089727956723.html][http_www.pinlue.com_ar

爱被打了一巴掌/ 2022年12月08日 04:15/ 0 赞/ 235 阅读

相关 jsp 标签引用

<%@ taglib uri="/struts-tags" prefix="s"%> <%@ taglib uri="http://java.sun.com/j

女爷i/ 2022年07月13日 14:16/ 0 赞/ 161 阅读

相关 <q>标签和<blockquote>标签，文本引用

<q>标签想在你的html中加一段引用吗？比如在你的网页的文章里想引用某个作家的一句诗，这样会使你的文章更加出彩，那么`<q>`标签是你所需要的。语法： `<q>引

叁歲伎倆/ 2022年06月18日 05:21/ 0 赞/ 201 阅读

相关 html基本标签，列表标签，超链接标签，表格标签，块级标签，行级标签，表单标签，文本域标签，表单标签

8基本标签列表标签：无序列表 <ul></ul> 定义一个无序列表列表条目项标签 <li></li>,用于在效果中定义一个类表的条目无序的有序列表 <ol

末蓝、/ 2022年06月06日 02:44/ 0 赞/ 355 阅读

相关 HTML文本标签与列表标签

HTML文本标签与列表标签一、文本标签 em和strong 作用：这两个标签都表示一个强调的内容， em主要表示语气上

亦凉/ 2022年05月16日 09:05/ 0 赞/ 280 阅读

相关引用select标签会自动生成td标签

引用select标签，页面上会自动生成class为tdLabel的td标签及一个空td标签。 <s:select class="s-wrap" list="selL

ゝ一纸荒年。/ 2022年04月01日 06:47/ 0 赞/ 212 阅读

相关 html输出文本标签，html输出原样标签

可以使用使html元素标签不被转义。问题场景：在做富文本编辑器的时候：在网页上copy了一段代码，想粘贴到编辑器里面，使用insertHTML命令，粘贴经过处理的字

叁歲伎倆/ 2022年03月11日 03:21/ 0 赞/ 768 阅读

相关 HTML_09—— 引用：blockquote标签，q标签

短引用：<q>引用的内容</q> 属于块元素长引用：<blockquote> 浏览器通常会对长引用进行缩进处理。</blockquote> 属于行内元素 <!

刺骨的言语ヽ痛彻心扉/ 2021年12月13日 18:55/ 0 赞/ 127 阅读

相关 html body文本标签

标题标签： h1到h6：将其中数据加粗加黑，依次显示变小,都自动带换行的功能属性: 位置 align:center

我就是我/ 2021年07月24日 15:18/ 0 赞/ 451 阅读