HTML短语标签

HTML短语标签（Phrasing Content）是指那些不以段落为基础的标签，这些标签可用于构建文档中的各种元素和语义。本文将介绍常见的HTML短语标签及其用法。

a标签

<a>标签用于定义一个超链接，可以链接到其他网页、文件、电子邮件地址等。该标签必须包含一个href属性，指明链接的目标。

示例：

<a href="http://www.example.com">链接到示例网站</a>

效果：链接到示例网站

em和strong标签

<em>标签用于强调文本，该文本会以斜体显示。<strong>标签用于表示更加强烈的强调，该文本通常以加粗显示。

示例：

<p><em>这是斜体文本。</em>注意这段<em><strong>很重要</strong></em>的内容。</p>

效果：

这是斜体文本。注意这段很重要的内容。

mark标签

<mark>标签用于突出显示文本，通常用于强调某些关键词或语句。

示例：

<p>这篇文章中，<mark>HTML</mark>是固定的内容，其他的文字是不太重要的。</p>

效果：

这篇文章中，HTML是固定的内容，其他的文字是不太重要的。

code标签

<code>标签用于表示计算机代码。该标签中的文本会使用等宽字体显示，而且会忽略所有的空格。

示例：

<p>使用<code>print("Hello, world!")</code>可以输出一句话。</p>

效果：

使用print("Hello, world!")可以输出一句话。

q和blockquote标签

<q>标签用于表示短引用，通常用于包含旁边字的短语。<blockquote>标签用于表示长引用，该文本会缩进并使用较小的字体显示。

示例：

<p>约翰·肯尼迪曾说过：<q>不要问国家能做什么，而要问你能为国家做什么。</q></p>

<blockquote>
  <p>生活就像一盒巧克力，你永远不知道下一颗会是什么。</p>
  <footer>——来自电影《阿甘正传》</footer>
</blockquote>

效果：

约翰·肯尼迪曾说过：不要问国家能做什么，而要问你能为国家做什么。

生活就像一盒巧克力，你永远不知道下一颗会是什么。

summary和details标签

<summary>标签用于表示可折叠的项目标题。而<details>标签用于表示可折叠的详情内容。

示例：

<details>
  <summary>点击查看更多信息</summary>
  <p>这是我们的联系方式：</p>
  <ul>
    <li>电话：010-12345678</li>
    <li>邮箱：info@example.com</li>
  </ul>
</details>

效果：

总结：

本文介绍了常见的HTML短语标签及其用法。开发者可以灵活运用这些标签，以构建文档中的各种元素和语义。