HTML高级文字格式

描述列表

描述列表 的作用是标记一组项目及其相关描述，例如术语和定义，或者是问题和答案等。

描述列表使用

标签定义，此外，每一项都用

(description term) 标签定义。每个描述都用

(description description) 标签定义。例如：

<dl>
  <dt>内心独白</dt>
    <dd>戏剧中，某个角色对自己的内心活动或感受进行念白表演，这些台词只面向观众，而其他角色不会听到。</dd>
</dl>

效果图为：

应用实例：

引用

HTML有用于标记引用的特性，至于使用哪个元素标记，取决于你引用的是一块还是一行。

行内引用

元素定义行内引用。浏览器通常会为 元素定义的内容添加引号。

<p>WWF 的目标是：<q>构建人与自然和谐共存的世界。</q></p>

块引用

元素定义块引用。并且 cite 属性里用URL来指向引用的资源。浏览器通常会对

元素定义的内容进行缩进处理。

<p>以下内容引用自 WWF 的网站：</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
五十年来，WWF 一直致力于保护自然界的未来。
世界领先的环保组织，WWF 工作于 100 个国家，
并得到美国一百二十万会员及全球近五百万会员的支持。
</blockquote>

cite属性内容不会被浏览器显示，需使用 JavaScript 或 CSS，浏览器才会显示cite的内容。

缩略语

元素定义缩写或首字母缩略语。对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。

<p>我们使用 <abbr title="超文本标记语言（Hypertext Markup Language）">HTML</abbr> 来组织网页文档。</p>
<p>第 33 届 <abbr title="夏季奥林匹克运动会">奥运会</abbr> 将于 2024 年 8 月在法国巴黎举行。</p>

标记联系方式

元素定义文档或文章的联系信息（作者/拥有者）。此元素通常以斜体显示。大多数浏览器会在此元素前后添加折行。

<address>
Written by Donald Duck.
</address>

上标和下标

^{标签标记文本为上标，_{标签标记文本为下标 例如：}}

<p>咖啡因的化学方程式是 C<sub>8</sub>H<sub>10</sub>N<sub>4</sub>O<sub>2</sub>。</p>
<p>如果 x<sup>2</sup> 的值为 9，那么 x 的值必为 3 或 -3。</p>

标记时间和日期

假如你想自动抓取页面上所有事件的日期并将它们插入到日历中， 元素允许你附上清晰的、可被机器识别的时间/日期。

<!-- 标准简单日期 -->
<time datetime="2016-01-20">20 January 2016</time>
<!-- 只包含年份和月份-->
<time datetime="2016-01">January 2016</time>
<!-- 只包含月份和日期 -->
<time datetime="01-20">20 January</time>
<!-- 只包含时间，小时和分钟数 -->
<time datetime="19:30">19:30</time>
<!-- 还可包含秒和毫秒 -->
<time datetime="19:30:01.856">19:30:01.856</time>
<!-- 日期和时间 -->
<time datetime="2016-01-20T19:30">7.30pm, 20 January 2016</time>
<!-- 含有时区偏移值的日期时间 -->
<time datetime="2016-01-20T19:30+01:00">7.30pm, 20 January 2016 is 8.30pm in France</time>
<!-- 调用特定的周 -->
<time datetime="2016-W04">The fourth week of 2016</time>

展示计算机代码

• : 用于标记计算机通用代码。

• : 用于保留空白字符（通常用于代码块）——如果您在文本中使用缩进或多余的空白，浏览器将忽略它，您将不会在呈现的页面上看到它。但是，如果您将文本包含在
  标签中，那么空白将会以与你在文本编辑器中看到的相同的方式渲染出来。

• : 用于标记具体变量名。
• : 用于标记输入电脑的键盘（或其他类型）输入。
• : 用于标记计算机程序的输出。