WEBページ作成リファレンス
cman.jp cman.jp > WEBページ作成TOP > HTMLタグ・リファレンス > HTMLタグ一覧(ABC順) > <i>「斜体・他と区別するテキスト」

<i> 「斜体・他と区別するテキスト」[読み方:アイ]

<i>タグは、html4では「斜体文字(イタリック体)」と定義されていましたが、html5では「他とは区別したいテキスト」と定義変更されています。
文字を強調したい場合は<strong>や<em>タグの使用が推奨されています。
<i>タグは非推奨ではありませんが、斜体(イタリック体)を使用する場合はスタイルシートで指定が多くなっています。

HTML規格HTML4.01HTML5
使用可否
広告

<i> の仕様

カテゴリー使用できる場所(親要素)コンテンツモデル(子要素)タグ省略
フローコンテンツ
フレージングコンテンツ
フレージングコンテンツを子要素にもてる場所フレージングコンテンツ不可

<i> の属性

【構文】
<i>~斜体文字・他とは区別したい文字~</i>
属性意味値のサンプルなど
---
グローバル属性
  • accesskey
  • autocapitalize
  • autofocus
  • class
  • contenteditable
  • dir
  • draggable
  • enterkeyhint
  • hidden
  • id
  • inert
  • inputmode
  • is
  • itemid
  • itemprop
  • itemref
  • itemscope
  • itemtype
  • lang
  • nonce
  • popover
  • slot
  • spellcheck
  • style
  • tabindex
  • title
  • translate
  • writingsuggestions
イベント属性
ページTOP

<i>タグのサンプル

あいうえお<i>かきくけこ</i>さしすせそ

スタイルシート(CSS)を使用したサンプル

スタイルシート(CSS)を使用することで以下のような斜体・イタリック体を指定可能です。
あいうえお<span style="font-style: italic;">かきくけこ</span>さしすせそ
ページTOP

留意事項

  • html4とhtml5では<i>の意味が異なります。
    html4は斜体・イタリック体を表示、html5は他と区別するテキスト(文書)となります。
    現時点ではhtml5でも斜体で表示されますが、ただ単に斜体表示する場合は、スタイルシートで指定してください。
ページTOP
広告
QrCode
このページのURL
スマートフォン・タブレット運営 : CMAN 株式会社シーマン