# HTML5中斜體標簽是哪個
在HTML5中，實現文本斜體顯示主要有兩個標簽：`<i>` 和 `<em>`。雖然它們都能讓文字呈現斜體效果，但語義和適用場景有顯著差異。本文將詳細解析這兩個標簽的用法、區別以及實際應用場景。
## 一、`<i>` 標簽：純粹的樣式斜體
### 1. 基本語法
```html
<i>這是斜體文本</i>
渲染效果：這是斜體文本
在HTML4中<i>是純樣式標簽，而HTML5為其增加了語義：
<!-- 表示分類學名稱 -->
<i class="taxonomy">Homo sapiens</i>
<em> 標簽：語義化強調<em>這是強調文本</em>
渲染效果：這是強調文本
em { font-style: normal; color: red; }
支持多級強調，語義強度遞增：
<p>這<em>非常<em>重要</em></em></p>
| 特性 | <i> |
<em> |
|---|---|---|
| 語義 | 無強調 | 有語義強調 |
| 屏幕閱讀器 | 無特殊處理 | 會改變朗讀語調 |
| 默認樣式 | 斜體 | 斜體 |
| 適用場景 | 技術術語/特殊文本 | 需要強調的內容 |
優先考慮語義：
<em>
<span class="italic">文本</span>
<style>.italic { font-style: italic; }</style>
可訪問性優化：
<i>：正常朗讀<em>：語調變化國際化場景：
<cite>：作品標題斜體
<cite>紅樓夢</cite>
<var>：變量斜體
<var>x</var> = 10
<!DOCTYPE html>
<html>
<head>
<style>
.technical { font-style: italic; }
</style>
</head>
<body>
<p>達爾文在<cite>物種起源</cite>中提出<i class="technical">Natural Selection</i>理論，<em>這徹底改變了生物學</em>。</p>
</body>
</html>
HTML5中：
- 需要語義強調時用<em>
- 表示特殊文本類型時用<i>
- 純視覺斜體推薦CSS實現
正確選擇標簽既能保證視覺效果，又能提升文檔的可訪問性和SEO表現。 “`
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
