Question

浏览器的显示方式之间是否有所不同：

<i>test</i>

<span style="font-style:italic">test</span>

一个比另一个更可取吗？每个场景都有不同的场景吗？

快速jsfiddle不会显示任何视觉差异。

Answer 1

HTML5之前的版本在视觉和语义上都没有差异。 i与b，s和u一样，是一个表示元素。这分别与em，strong，del和ins相反。

在HTML5中，i元素具有特定含义，恰好在视觉上以斜体文本表示。它不应仅用于表示恰好用斜体表示的任何文本。特别是，它与em元素区分开来，后者代表强调压力（并且与i，doesn't necessarily have to be represented with italics不同）。 span仍然是一个通用短语，它毫无意义。

通常我会在这里引用spec，但我认为MDN的摘要更容易理解：

HTML 元素表示由于某种原因而与普通文本偏离的文本范围。一些示例包括技术术语，外语短语或虚构人物思想。通常以斜体显示。

该规范仍然提供了更好的示例：

以下示例显示了i元素的用法：

<p>The <i class="taxonomy">Felis silvestris catus</i> is cute.</p>
<p>The term <i>prose content</i> is defined above.</p>
<p>There is a certain <i lang="fr">je ne sais quoi</i> in the air.</p>

在以下示例中，使用i元素标记了梦境序列。

<p>Raymond tried to sleep.</p>
<p><i>The ship sailed away on Thursday</i>, he
dreamt. <i>The ship had many people aboard, including a beautiful
princess called Carey. He watched her, day-in, day-out, hoping she
would notice him, but she never did.</i></p>
<p><i>Finally one night he picked up the courage to speak with
her—</i></p>
<p>Raymond woke with a start as the fire alarm rang out.</p>

Answer 2

该段落摘自https://html.com/tags/i/#ixzz5VZbm6JhB

HTML 元素用于通过将标出的文本用斜体样式化而将单词与周围的文本区分开来，而不意味着对斜体词有更多的强调。

这里是一个示例，在这里我希望单词world用斜体表示，因此您可以将标记括起来。

<h1>Hello <i>World</i></h1>

使用CSS font-style:italic时，您需要具体说明样式。

像示例中一样。

h2{
    font-style:italic;
}

<h2>Hello World</h2>

因此，如果要使单词world变为斜体，必须将其包围在span标签之间，并使用CSS使其变为斜体。

span{
    font-style:italic;
}

<h2>Hello <span>World</span></h2>

因此，HTML提供了标签选项，而不是在CSS中实现。

i tag可用于指示技术术语，其他语言的短语，想法或船名等。

Answer 3

 content 是一个标记标签，用于在Web浏览器中显示内容，font-style是用于设置内容样式（标题，段落，列表等）的属性。在font-style: italic中，斜体是font-style属性的值，用于在浏览器中以斜体显示内容/文本。通常，Ui / Ux设计器使用此标签显示字体图标（字体/文本格式的图标，而不是jpeg，png，jpeg等图像）。但是您可以根据需要将这个标签用于任何目的。

Answer 4

来自w3schools：

在HTML 4.01中，该标记用于以斜体显示文本。但是，HTML5不一定是这种情况。样式表可用于设置元素内文本的格式。

Answer 5

两者的属性相同。两者都做同样的事情。唯一的区别是，一个使用HTML标签应用斜体属性，另一个使用CSS属性应用斜体样式。

HTML <i>标签和css“ font-style：italic”有什么区别？

5 个答案: