HTML <i> 和 <em> 标签

<i> 标签以斜体显示文本。
与 <b> 标签一样,<i> 标签也用于展示目的。
它以另一种声音或者情绪或者指示不同质量的文本表示文本的某些部分。

<em> 标签指定其内容的强调重点。
它可以用来改变句子的意思。
此标签内的文本也以斜体显示。

使用 <i> 标签的示例:

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题</title>
  </head>
  <body>
    <p>
      今天很残酷,明天很残酷,后天很美好。很多人死在了明天的夜里。
经历过风雨,才懂得阳光的温暖。
    </p>
  </body>
</html>

使用 <em> 标签的示例:

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题</title>
  </head>
  <body>
    <p>
      这文本的<em>重要部分</em>以斜体突出显示
    </p>
  </body>
</html>

HTML5 规范规定 <b> 和 <i> 标签必须在没有其他更合适的标签时用作最后一个选项。

<b> 和 <strong>、<i> 和 <em> 标签有什么区别

在这个片段中,我们将解释 <b> 和 <strong>、<i> 和 <em> 标签之间的区别。

乍一看,这些标签之间没有任何区别。
但是让我们分别讨论这两对。

HTML <b> 和 <strong> 标签

在 HTML5 中,<b> 和 <strong> 标签具有不同的含义。

<b> 标记以粗体突出显示文本的一部分,以使其对用户更明显。
这是一种风格。
它没有传达任何另外的重要性。

因此,如果我们仅出于演示目的需要增加特定单词、短语或者段落的字体粗细,建议使用 <b> 标签。

<strong> 标签指定内容的重要性。
它可用于突出严重性、紧迫性或者重要性。
它表明必须如何理解某事。

这些标签之间的区别在于 <b> 使文本仅在视觉上看起来粗体,而 <strong> 标签还提供语义强调,指示有意义的单词或者文本部分。
在另一个 <strong> 标签中使用的 <strong> 标签更重要。

这种区别的原因是 HTML 区分语义(指含义)和物理(指视觉外观)标签。

让我们看看每个例子。

使用 <b> 标签的示例:

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题 </title>
  </head>
  <body>
    <p>
      这部分文本以粗体突出显示。
    </p>
  </body>
</html>

使用 <strong> 标签的示例:

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题</title>
  </head>
  <body>
    <p>我们使用strong标签来标记需要重点注意的地方
    </p>
  </body>
</html>
日期:2020-06-02 22:15:14 来源:oir作者:oir