HTML的<cite>，<em>和<i>标签有什么区别？</i> </em> </cite>

Question

HTML的<cite>, <em>, and <i>标记之间有什么区别？

在大多数浏览器中，所有渲染都采用相同的默认样式。

这些标签背后有什么意义吗？

有人可以举例说明这些标签的使用位置吗？

Answer 1

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

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

在旧版HTML中，<i>过去常表示斜体文字。在HTML5中，<i>已被重新用于something else entirely。 （请注意，在最初撰写此答案时，情况并非如此。）

这三个元素唯一的共同点是它们中的所有三个通常都用斜体字表示。换句话说，它们都具有相同的默认风格这一事实仅仅是巧合。

Answer 2

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

但它应该用斜体来表达什么？

Answer 3

当内容是某种文章时，使用

<cite>。

<em>代表“强调”用于坚持意义。

<i>代表“斜体”，使文字斜体。

引用＆amp; em是HTML 5 - 标准，坚持意义。很长一段时间，旧的HTML（如<i>）用于布局显示。但是新标准要求HTML应该只包含内容，让布局适用于css。

您可以找到一些有关HTML 5 here的有用信息以及有趣的讨论here。