他と区別する斜体のテキストを表すには?
iタグの書式
iタグに対応しているブラウザ
※Windows 7上で動作確認を行っています。
※ブラウザの設定より、異なる挙動をする場合があります。
iタグの属性一覧
iタグの解説
<i>は、他と区別するテキストを表すための要素です。
通常は斜体(イタリック体)で表されます。CSSの設定によってはイタリック体以外で表示される場合もあります。
例えば、発言内容、専門用語、慣用用語、個人の考え、船の名前など、ほかの文章と区別したい場合に使います。
<i>はあくまで文章の中で区別したいテキストを示すのが目的であるため、単にテキストをイタリック体で表記する目的では使用しないでください。
なお、メインテキストと異なる言語での部分を表す場合、「lang」属性を使ってその言語を示す必要があります。
iタグのサンプルソース1
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>サンプル1</title>
</head>
<body>
<header>
<h1>カブトムシ</h1>
</header>
<p>子どもに大人気のカブトムシは<i>甲虫目</i>の一種です。
捕まえたカブトムシはどう飼育するのでしょう。
カブトムシの習性を知っていれば、飼育が簡単にできます。
今回はカブトムシの生態や習性を紹介します。</p>
<p>カブトムシは夜行性です。
飼育するときは、25度~35度程度の直射日光の当たらない、通気性いい場所で飼育します。
ケースの中には腐植土を下地に、枯葉や小枝を敷き詰めておくとよいでしょう。
本来は、樹液が好物ですが、市販の昆虫ゼリーやリンゴ等も与えることができます。</p>
<footer>
<p><small>無断転載を禁止します。</small></p>
</footer>
</body>
</html>
iタグのサンプル画面1
iタグのサンプルソース2
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>サンプル2</title>
</head>
<body>
<header>
<h1>小説『宇宙飛行士の彼』</h1>
</header>
<p>彼は歩きながら、<i>自分がどうして宇宙飛行士になりたかったのか</i>を考え始めた。
それは、人類が初めて月に到達した日から、いつか自分も宇宙から地球を見てみたいと思っていたからであった。</p>
<p>今までもそのための努力はしてきた。
そのつもりだったが、実際のところは行き詰まり感が彼の感情を支配していた。
そんな彼に忘れかけていた宇宙への憧れを思い出させたのが、彼女のあの言葉だったのだ。</p>
<footer>
<p><small>無断転載を禁止します。</small></p>
</footer>
</body>
</html>
iタグのサンプル画面2
iタグの関連項目