参考资料

  1. HTML 链接语法
  2. html内嵌框架标签详细说明以及案例
  3. html元信息标签详细说明以及案例
  4. HTML 使用 Class 与 ID 的差异
  5. HTML 表格的嵌套
  6. HTML 删除字符效果和插入字符效果
  7. HTML 表格头部、主体、页脚
  8. HTML格式化/压缩有哪些

用于长引用的 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;
}

语义化用法:

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

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

  • 短引用应使用