サイト制作

HTMLのemとiは同じ斜体？強調する言葉と、文脈を分ける言葉の違い

慈愛妃きづな

2026-11-10

この記事には広告・アフィリエイトリンクが含まれます。

emは文の強調、iは専門用語や学名など周囲と異なる性質の言葉を表します。見た目が似ていても意味は別。斜体にしたいだけならCSSで整えます。

強く言いたい箇所ならemを考えます

同じ文でも、どの言葉を強く読むかで伝わる意味が変わることがあります。「今日お願いします」の「今日」を強調すれば、別の日では困るというニュアンスが目立ちます。こうした語の強調を表すのがemです。

ブラウザーでは斜体になることが多いものの、斜体を作るためだけのタグではありません。どの部分を強く伝えたいのかを先に決めると使いやすくなります。

iは、周囲の文章から性質を区別する語句に使います。MDNは学名、専門用語、他言語の慣用句などを例に挙げています。強く読ませたいから区別する場合とは目的が違います。

たとえば学名を示すためのiと、文の意味を強めるemは、同じ斜体に見えても交換してよいとは限りません。日本語ではフォントによって斜体の見え方がわかりにくいこともあり、見た目だけで意味を判断しないことが大切です。

単にデザインとして文字を傾けたいなら、CSSのfont-styleを検討します。文章上の意味はHTML、見た目はCSSという順に考えると、後からデザインを変えても内容の役割を保てます。

私は、目立たせる箇所を増やすより、その言葉だけを強める理由があるかを確認したいと思います。強調、用語の区別、装飾の三つを分けて選ぶと、タグの使い分けも整理できます。