如何斜体文本

HTML和CSS提供了斜体化文本的功能，就像这样斜体字。让我们一起了解所有你需要知道的知识。

什么是斜体文本？为什么要使用斜体文本？

你通常使用斜体文本是为了引起注意，强调某个词语或短语，让读者在阅读时给予其额外的重视。或者，它也可能遵循特定的风格指南，例如斜体化标题，比如已发表的文章标题。

使用 <em></em> 标签

em 标签中的“em”字面意思是“emphasis”（强调）。浏览器默认情况下会将包含在HTML <em></em>标签中的文本斜体化。

<p>
  那是一个<em>很棒的</em>派对，Bebe。
</p>

想象一下这句话的语调，读者强调了那个词，赋予了句子与不强调时不同的感觉。

使用 <i></i> 标签

<i></i> 元素用于将文本斜体化，但不暗示强调。它只是在视觉上将某些文本与其他文本区分开来，而不会暗示读者要对这些词语给予额外的重视。例如：

<p><i>Miranda心想：</i>关于全球经济的一个有趣的隐喻。</p>
<p><i>Chris心想：</i>那是芥末吗？</p>

<em></em> 和 <i></i> 之间的区别是什么？

再强调一次：

• <em></em> 用于强调
• <i></i> 用于斜体文本，但不强调

如果你想为标题使用斜体，例如：

<p>
  这本书

  <i>Penumbra先生的24小时书店</i>
  很好。
</p>

<p>
  这本书

  <cite>Penumbra先生的24小时书店</cite>
  很好。
</p>

幸运的是，浏览器会像 <i></i> 一样将包含在 <cite></cite> 标签中的内容斜体化，所以如果你引用作品（例如 <cite>白鲸记</cite>）或出版物（例如 <cite>纽约时报</cite>），则无需额外操作。

使用你自己的HTML类和CSS

如果目标是视觉上区分文本，那么我们不必使用 <i></i> 元素。span标签没有语义含义，可以进行样式设置以实现视觉上的强调：

<p>
  本周鞋子正在打折！
</p>

.emphasis {
  background: lightyellow;
  font-style: italic;
}

CSS属性 font-style 是你使文本斜体的必要属性，你可以将其应用于任何你喜欢的选择器。

注意“伪斜体”

并非所有字体都有斜体字符。或者，你可能处于字体斜体版本未加载的情况。在这两种情况下，浏览器都会尝试伪造它，这几乎总是看起来很糟糕（或者至少比使用实际的斜体字体要差得多）。

没有任何东西会警告你这一点——你只需要留心观察。这是一个Merriweather字体伪斜体的例子：

Unicode斜体

Unicode中提供了无数字符，包括具有斜体风格的字母。

当你在没有HTML控制的情况下需要斜体文本时，例如在Twitter上撰写推文时，你可能会使用它。

它的可访问性很差。 它会逐个字符地处理，这使得（对我来说）难以理解这个词。使用它时要非常小心，甚至最好完全避免使用它。

可变字体中的斜体

这是一个稍微高级的概念，但存在所谓的可变字体。它们在浏览器中提供了自定义功能。因此，与其为粗体版本使用第二个字体文件，不如在它们内部包含信息，以便使用一个文件将其自身加粗。“粗体”只是可变字体可能提供的功能的一个例子。并非所有可变字体都一定具备此功能。

可变字体可能具有“倾斜”或“斜体”选项，你可以通过这种方式应用这种外观。

以上就是关于何时使用斜体文本的五个不同答案。希望这也能帮助你解答下一个逻辑问题：我应该使用哪种方法？

以上是如何斜体文本的详细内容。更多信息请关注PHP中文网其他相关文章！