Question

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

＆lt; i＆gt; tag应表示一系列具有不同语义含义的文本，其典型的印刷表示用斜体表示。这意味着浏览器通常仍会以斜体显示其内容，但根据定义，不再需要。

在对此标记进行此新的语义解释之后，将一系列文本设置为斜体的正确方法是什么？

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

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

Answer 1

你可以给一个span class =“divname”，并给“divname”一个字体样式：italic 或者使用同一类的p标签。

我自己使用p标签。

Answer 2

i.italic {
  font-style: italic;
}

或

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

如果您想强调短语，请使用<em>。 <i>标记在HTML5中具有新含义，表示＆＃34;一个替代语音或心情的文本范围＆＃34;。因此，您应该将此标记用于诸如思想/旁白或惯用语之类的内容。该规范还建议使用船名（但不再建议使用书籍/歌曲/电影名称;而是使用<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.

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

3 个答案: