前端学习回顾-09

描述列表（Description List）

描述列表的目的是标记一组项目及其相关描述，例如术语和定义、问题和答案。
描述列表使用与其他列表类型不同的闭合标签 <dl>，此外每一项用 <dt>（description term）元素包裹。每个描述用 <dd>（description definition）元素包裹。每一项 <dt> 可以对应多个描述 <dd>。
注：<dd> (description definition) 这里元素解释使用的是MDN英语原文，中文翻译版的元素解释为

(description description) 应该是一处错误，已提 issue。
代码示例：

<dl>
  <dt>内心独白</dt>
    <dd>戏剧中，某个角色对自己的内心活动或感受进行念白表演，这些台词只面向观众，而其他角色不会听到。</dd>
  <dt>语言独白</dt>
    <dd>戏剧中，某个角色把自己的想法直接进行念白表演，观众和其他角色都可以听到。</dd>
  <dt>旁白</dt>
    <dd>戏剧中，为渲染幽默或戏剧性效果而进行的场景之外的补充注释念白，只面向观众，内容一般都是角色的感受、想法、以及一些背景信息等。</dd>
</dl>

注：笔者使用的浏览器为 Google Chrome。结果可能与 Firefox 或其他浏览器不同。

引用

HTML 有用于标记引用的特性，<blockquote> 元素和 <q> 元素，至于使用那个元素，取决引用的是块元素还是行元素。

块引用

如果块级元素（段落、列表等）从其他地方被引用，需要使用 <blockquote> 元素进行包裹，并在其 cite 属性中使用 URL 指向引用的资源。*浏览器在渲染块引用时默认会增加缩进。*代码示例：

<!-- 块级元素未被引用元素包裹 -->
<p>The <strong>HTML <code>&lt;blockquote&gt;</code> Element</strong> (or <em>HTML Block
Quotation Element</em>) indicates that the enclosed text is an extended quotation.</p>
<!-- 块级元素被引号元素包裹后 -->
<blockquote cite="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote">
  <p>The <strong>HTML <code>&lt;blockquote<