将文本设置为斜体的正确方法是什么？

Question

显然，<i> 标记不再告诉浏览器以斜体显示文本，而是将包含的文本“is set off from the normal text for some reason”：

标记应表示具有不同语义含义的文本范围，其典型的排版表示为斜体。这意味着浏览器通常仍会以斜体显示其内容，但根据定义，不再需要这样做。

按照这个标签的新语义解释，将一系列文本设置为斜体的正确方法是什么？

i {font-style: italic}
i .italic {font-style: italic}
span .italic {font-style: italic}
... ?

假设我出于非语义原因将文本设置为斜体，例如出于审美目的。例如，我可能想将每章的前三个单词斜体（而不是使用conventional small caps）。

Answer 1

你可以给一个 span class="divname" 并给 "divname" 一个 font-style:italic 或者使用同一个类的p标签。

我自己使用 p 标签。

Answer 2

i.italic {
  font-style: italic;
}

或

您应该针对不同的用例使用不同的方法：

如果您想强调一个短语，请使用<em>。 <i> 标签在 HTML5 中有了新的含义，表示“一段文本以另一种声音或心情”。因此，您应该将此标签用于诸如想法/旁白或惯用短语之类的内容。该规范还建议了船名（但不再建议书/歌曲/电影名称；请改用<cite>）。

如果斜体文本是较大上下文的一部分，例如介绍性段落，则应将 CSS 样式附加到较大的元素。

p.intro {
  font-style: italic;
}

Answer 3

<dfn> 或 <em> 标签呢？两者都可以使文本显示为斜体。

dfn,
em {
  color: red;
}

Demand for the creation of <dfn>right-to-left</dfn> (RTL) websites has grown over the years due to the fact that <em>Arabic</em> is the 4th most popular language globally.