Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【HTML Living Standard】i要素の使い方

i要素の使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

<i>要素は、コンテンツの他の部分とは異なる種類のテキストを表現するために使用されるHTML要素です。この要素は、そのコンテンツが通常のテキストとは異なる雰囲気、音声、あるいは分類を持つことを示します。具体的には、技術用語、専門用語、外国語のフレーズ、思考、船の名前、あるいは特定の文字や単語自体に言及する際などに適しています。

重要な点として、<i>要素は単にテキストを斜体(イタリック体)にするための視覚的な目的で使用されるべきではありません。純粋に視覚的なスタイルのみを目的とする場合は、CSSのfont-styleプロパティをitalicに設定するのが適切です。<i>要素が持つべきは、そのテキストがコンテンツ全体の流れの中で特別な意味合いを持っているというセマンティックな役割です。

例えば、「新しい発見を伝える際に、生物の学名を<i>Homo sapiens</i>と表記する」といった文脈で使用されます。これは強調を表す<em>要素や、作品のタイトルを表す<cite>要素とは異なり、テキストが持つ「別種の区別」に焦点を当てています。HTML Living Standardでは、この意味的な区別がより明確に定義され、ウェブアクセシビリティや検索エンジンの理解においても重要な役割を果たします。

公式リファレンス: <i>: The Idiomatic Text element

構文(syntax)

1<i>テキスト</i>

引数(parameters)

引数なし

引数はありません

戻り値(return)

戻り値なし

戻り値はありません

関連コンテンツ