参考资料

  1. HTML id 属性在 JavaScript 中的使用
  2. HTML 标题
  3. html列表标签详细说明以及案例
  4. HTML 表单详解
  5. HTML 用于联系信息的
  6. Html/JS互转有哪些
  7. HTML高度与宽度设置 Iframe
  8. CSS 实现购物按钮

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

语义化用法:

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

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

  • 短引用应使用