HTML斜体

我们使用 HTML <i> 标签或 HTML <em> 标签使文本变为斜体。

HTML <i> 标签

HTML <i> 标签是一个物理标签，用于将文本设置为斜体。它用于表示外语文本、科学命名、想法等。

<p> This text is <i>italic</i>.</p>

浏览器输出

HTML <em> 标签

HTML <em> 标签是一个语义标签，用于表示标签内的文本正在被强调。它是一个语义标签，与不具有任何语义含义的 <i> 标签不同。

<p> This text is <em>emphasized</em>.</p>

浏览器输出

HTML <i> 标签的用法

<i> 标签是一个表示性标签，主要用于

1. 表示另一种语言的文本。例如，

<p> The Foreigner said <i>Bonjour cher ami </i>, which means 'Hello dear friend' in French. </p>

浏览器输出

2. 表示用作术语的单词或短语。例如，

<p> The words <i>the</i>, <i>a</i> and <i>an</i> are articles. </p>
<p> This is an example of an <i>idiom.</i> </p>

浏览器输出

3. 表示动物、植物等的学名。例如，

<p> The scientific name for cow is <i>Bos indicus.</i></p>

浏览器输出

4. 表示某人的想法。例如，

<p>Ram thought to himself, <i>Can I learn to code?</i></p>

浏览器输出

HTML <em> 标签与 HTML <i> 标签

<i> 和 <em> 标签在浏览器上的渲染方式没有区别。例如，

<p>Do not enter the tiger enclosure <i>under any circumstances</i>.</p>
<p>My teachers <em>heavily</em> emphasize studying.</p>

浏览器输出

<em> 和 <i> 都使字体变为斜体。然而，<em> 标签是一个语义标签，它表示标签内的文本在与周围文本相比时，被强调地读出。屏幕阅读器也会强调 <em> 标签内的文本。而 <i> 标签只使文本变为斜体。

注意：对于纯粹的样式目的，建议使用 CSS 属性 font-style。