HTML 斜体 - 绿叶网

在 HTML 中，如果想要实现文本的斜体效果，可以使用以下 2 种标签。

em 标签。
i 标签。

语法：

<em>文本内容</em>

<i>文本内容</i>

说明：

em 和 i 这 2 个标签都可以用于实现文本斜体，但它们却有着本质上的区别。

em：它是一个语义化标签，并且会被搜索引擎赋予一定的权重。
i：它是一个无语义标签，并不会搜索引擎赋予权重。

在实际开发中，如果仅仅是想要斜体效果而无需考虑 SEO，可以考虑使用 i 标签。如果想要斜体效果并且考虑 SEO，应该使用 em 标签。

提示: 对于 HTML 标签的语义，另请参阅：HTML 语义化。

示例：HTML 斜体（2 种标签实现）

运行代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <p>这是普通文本</p>
    <em>这是斜体文本</em><br />
    <i>这是斜体文本</i>
</body>
</html>

页面效果如下图所示。

HTML斜体

分析：

从页面效果可以看出，em 标签和 i 标签的斜体效果是一样的，但它们在语义上和 SEO 优化上是不一样的。

注意: 如果你实现斜体只是为了好看，并没有语义上的特殊含义，此时应该使用 CSS 的 font-style 属性来实现。