用于长引用的 HTML

参考资料

1. HTML无序列表
2. HTML 常用颜色
3. Html转ASP/Perl有哪些
4. HTML格式化/压缩有哪些
5. HTML id 属性详解
6. HTML 框架
7. HTML 用于著作标题的
8. HTML 有用的提示

标签

定义：
用于标记长引用内容，通常显示为缩进段落。

基本语法：

引用的文本内容

属性：

• cite：可选，指定引用来源的URL

默认样式：

• 左右外边距各40px

• 上下外边距各1em

• 左右内边距各40px

• 通常显示为斜体

CSS扩展样式示例：
blockquote {
 margin: 1em 40px; /* 默认值 */
 padding: 0 0 0 1em;
 border-left: 4px solid #ccc;
 color: #555;
 font-style: italic;
 quotes: "\201C""\201D""\2018""\2019";
}

blockquote:before {
 content: open-quote;
 font-size: 2em;
 line-height: 0.1em;
 vertical-align: -0.4em;
}

blockquote:after {
 content: close-quote;
 font-size: 2em;
 line-height: 0.1em;
 vertical-align: -0.4em;
}

blockquote cite {
 display: block;
 font-style: normal;
 margin-top: 1em;
 color: #333;
}

语义化用法：

• 表示从其他来源引用的内容

• 适合引用超过一行的文本

• 短引用应使用