导航分类

HTML <big> 标签 HTML <body> 标签

HTML <blockquote> 标签

主题

默认模式
浅蓝色模式
淡红色模式
深夜模式

定义和用法

<blockquote>是 HTML 中用于标记长引用的标签，通常用于引用其他来源的内容，如书籍、文章、演讲等。

<blockquote>在浏览器中，通常会以缩进形式展示。

<blockquote>元素的基本语法：

<blockquote>
    这是被引用的文本内容。浏览器通常会将其缩进以区别于普通文本。
</blockquote>

默认样式：大多数浏览器会将<blockquote>内容缩进显示。
语义化：有助于屏幕阅读器和其他辅助技术识别引用内容
cite 属性：可以指定引用来源的 URL

使用实例

接下来用多种实例演示<blockquote>标签的用法，来深化您对<blockquote>的理解。

1. 结合 cite 属性使用

<blockquote>标签可以结合 cite 属性使用，cite 属性不会在页面上显示，仅供机器阅读。

实例代码运行代码

复制

<blockquote cite="https://www.example.com/source.html">
    这里是被引用的文本内容，来源自 example.com。
</blockquote>

2. 结合 <p> 和 <footer> 使用

<blockquote>标签建议结合<p>和<footer>标签使用，以提高结构的语义。

实例代码运行代码

复制

<blockquote>
    <p>知识就是力量。</p>
    <footer>— 弗朗西斯·培根</footer>
</blockquote>

<p>明确表示引用内容是一个段落
<footer>表示引用内容的底部信息（通常是作者/来源）
这种结构让浏览器、屏幕阅读器和搜索引擎更容易理解内容的组织方式

与 <q> 标签的区别

<blockquote>用于长引用（块级元素）
<q>用于短引用（行内元素），浏览器通常会添加引号

全局属性

<blockquote>标签还支持 HTML 中的全局属性。

事件属性

<blockquote>标签还支持 HTML 中的事件属性。

默认的 CSS 设置

大多数浏览器将使用以下默认值显示<blockquote>元素：

blockquote {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 40px;
    margin-right: 40px;
}

注意事项

只用于真正的引用内容，不要用于单纯为了缩进效果。
对于特别长的引用，考虑使用分段或缩短。
尽可能提供引用来源（通过 cite 属性或<footer>）。
可以与其他文本格式化标签一起使用。
保持语义化，有助于 SEO 和可访问性。

浏览器支持


支持	支持	支持	支持	支持

HTML <big> 标签 HTML <body> 标签

评论区 0

发表评论

教程介绍

HTML 参考手册涵盖 HTML 元素、属性、事件等详细解析，助您快速检索 HTML 使用方法。

50 章节

44 阅读

0 评论