如何斜體文本

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中文網其他相關文章！