HTML中<cite>、<em>和<i>标签有什么区别？

Question

<cite>、<em>和<i>标签有什么区别呢？

在大多数浏览器中，它们都具有相同的默认样式。

这些标签背后是否有任何含义？

可以给出这些标签的使用示例吗？

- Santosh S

Answer 1

<cite> 用于引用资源或其作者。通常与 <q> 或 <blockquote>（两者都用于引用）一起使用。

<em> 表示文本强调（在段落或其他文本内容中）。

在旧版 HTML 中，<i> 用于表示斜体文本。在 HTML5 中，<i> 被重新定义为其他完全不同的内容。（请注意，这并非在本回答最初编写时就是这样的。）

这三个元素唯一的共同之处就是它们都通常以斜体形式设置。换句话说，它们具有相同的默认样式只是巧合。

- BoltClock

Answer 2

除了其他答案之外：<i>仅仅说明元素看起来像什么，这对于使用屏幕阅读器浏览您的网站的盲人用户没有任何用处。<em>和<cite>则告诉您它们是什么，因此，屏幕阅读器可以例如用更响亮、更有力的声音朗读强调部分，并在引文前后留下小的暂停。

但是这到底与斜体有什么关系？

- Jörg W Mittag

---

我不知道。以下是它的描述：“但在HTML5中，您应该使用<i>标签来定义文本的某些部分为特定类型，而不仅仅是它在布局中的呈现方式。”来源：http://www.w3schools.com/html5/tag_i.asp - Hoàng Long

Answer 3

<cite> 用于文章等内容的引用。

<em> 表示强调，用于强调文本的意思。

<i> 表示斜体，使文本呈现为斜体。

cite 和 em 是 HTML5 标准，用于强调文本含义。长期以来，旧版HTML（如 <i>）被用于布局和显示。但新标准要求 HTML 只包含内容，将布局工作交给 CSS 处理。

您可以在 这里 找到有关 HTML5 的有用信息以及一个有趣的讨论 这里。

- Hoàng Long

---

嗯，<cite>和<em>自HTML 3.2以来就已经存在了（这意味着超过10年了）。它们对于HTML5并不是新的。 - BoltClock

谢谢提供的信息。实际上，我刚知道在HTML 5中<i>已不再有效。 - Hoàng Long

很遗憾，HTML 5 中仍未移除 <i>。 - Quentin