HTML 短语标签

HTML 短语标签是具有特殊用途的标签，用于定义文本块的结构含义或文本的语义。以下是短语标签的列表，其中一些我们已经在 HTML 格式化中讨论过。

1. 缩写标签：<abbr>
2. 标记标签：<mark>
3. 强调标签：<strong>
4. 着重标签：<em>
5. 定义标签：<dfn>
6. 引用标签：<blockquote>
7. 短引用标签：<q>
8. 代码标签：<code>
9. 键盘标签：<kbd>
10. 地址标签：<address>

1. 文本缩写标签

此标签用于缩写文本。要缩写文本，请将文本写在 <abbr> 和 </abbr> 标签之间。

输出

2. 标记标签

写在 <mark> 和 </mark> 标签之间的内容将在浏览器上显示为黄色标记。此标签用于高亮显示特定文本。

输出

This tag will highlight the text.

3. 强调标签

此标签用于显示内容中的重要文本。写在 <strong> 和 </strong> 之间的文本将显示为重要文本。

输出

In HTML it is recommended to use lowercase, while writing a code.

4. 着重标签

此标签用于着重文本并以斜体形式显示文本。写在 <em> 和 </em> 标签之间的文本将变为斜体。

输出

HTML is an easy to learn language.

5. 定义标签

当您使用 <dfn> 和 </dfn> 标签时，它允许您指定内容中的关键词。以下是展示如何定义一个元素的示例。

输出

HTML  is a markup language.
<!--Displayed in italics by default-->

6. 引用标签

HTML <blockquote> 元素表示其包含的内容引自其他来源。可以使用 cite 属性提供来源 URL，并使用 <cite> ..... </cite> 元素显示来源的文本表示。

输出

当你拒绝成为你最初所处环境的俘虏时，你就迈出了成功的第一步。

7. 短引用

HTML <q> ....... </q> 元素定义一个简短的引用。如果您将任何内容放在 <q> ....... </q> 之间，它将用双引号将文本括起来。

输出

Steve Jobs said: If You Are Working On Something That You Really Care About, You Don't Have To Be Pushed. The Vision Pulls You.?

8. 代码标签

HTML <code> </code> 元素用于显示一部分计算机代码。它将以等宽字体显示内容。

9. 键盘标签

在 HTML 中，键盘标签 <kbd> 表示一部分内容是来自键盘的用户输入。

输出

Please press Ctrl + Shift + t to restore page on chrome.

10. 地址标签

HTML <address> 标签定义了内容作者的联系信息。写在 <address> 和 </address> 标签之间的内容将以斜体字体显示。

输出

You can ask your queries by contacting us at prachet@tpointtech.com
You can also visit us at:
58 S. Garfield Street, Villa Rica, GA 30187.

结论

HTML 短语标签在为网页内容提供语义光泽和精确性方面非常重要。与视觉格式化标签相比，短语标签为浏览器和辅助技术（例如屏幕阅读器）提供了文本的预期含义和上下文。这不仅增强了残障用户的可访问性，还使搜索引擎能够理解内容的组织和重要性，从而提升搜索引擎优化（SEO）性能。

这些标签允许为文档添加额外的语义，突出重要性、标记定义或指明缩写。其他标签则有助于正确格式化引用的或参考的作品。同时，<code>、<kbd> 和 <address> 标签以一种正式且有组织的方式处理技术和联系数据。