このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

i要素:質が異なるテキスト

記事Apr. 12th,2015
July 7th,2020
他とは質が異なるテキストを表す要素
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

要素について

i”要素は他とは質が異なるテキストを表します。

文章中の専門用語、外国語、発言、思考、固有名詞などに用いることができます。

強調されると文章の意味合いが変わるようなテキストにはi”要素を使用するのが適切です。

他に適切な要素(定義される用語はdfn”要素、引用元はcite”要素など)がある場合はその要素を使用します。

サンプルコード

<p>すると彼女は彼に向って<i>あなたは友達としてしか見られないの</i>と言い放ったのだ。</p>

すると彼女は彼に向ってあなたは友達としてしか見られないのと言い放ったのだ。

一般的なブラウザでは“i”要素の内容は斜字で表示されます。

属性と値

属性
属性 説明 説明
必須属性
なし
任意属性
グローバル属性

“斜字”を表す

HTML4まで

HTML4までは“i”要素はスタイリング用の要素の一つで斜字にするための要素でした。HTML5でも一般的なブラウザでは“i”要素の内容は斜字で表示されますが、斜字にする目的で使用するのは適切ではありません。

代替方法

特別な意味を持たせることなく斜字にしたい場合はspan”要素などにスタイルシートのfont-style”プロパティを指定します。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>サンプルの文書</title>
<style>
.text-italic {
font-style: italic;
}
</style>
</head>
<body>

<p>特に意味のないテキストだが<span class="text-italic">この部分</span>だけはイタリック体にしたかったのでスタイルシートで斜体にしてみた。</p>

...

仕様書

i”要素はHTML1.0から定義されている要素です。意味が変更されましたが現行の仕様であるHTML Living Standardでも定義されています。

HTML 4 HTML 5 HTML 5.1 HTML 5.2 HTML Living Standard
<i>
定義あり

定義あり

定義あり

定義あり

定義あり
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク