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

span”要素:特定の範囲をグループ化

記事Apr. 18th,2015
July 7th,2020
特定の範囲をグループ化する要素
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

要素について

span”要素は特定の範囲にあるコンテンツをグループ化するための要素です。“span”要素は特別な意味を持たず、特定の範囲にスタイルを適用したり、グローバル属性を指定したりするために使用することができます。

ほかに適切な要素がある場合は該当する要素を使用するべきです。また、ブロックレベルのコンテンツをグループ化する場合はdiv”要素を使用します。

サンプルコード

<p>
りんごはバラ科リンゴ属の落葉高木樹で果実は<span style=" color: rgb(243,86,109);">赤い</span>
</p>
<p>
バナナはバショウ科バショウ属の多年草で果実は<span style=" color: rgb(251,223,111);">黄色い</span>
</p>

りんごはバラ科リンゴ属の落葉高木樹で果実は赤い

バナナはバショウ科バショウ属の多年草で果実は黄色い

<p>
甘蕉のことをそのアメリカ人は“<span lang="en">banana</span>”と呼んだ。
</p>

甘蕉のことをそのアメリカ人は“banana”と呼んだ。

属性と値

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

仕様書

span”要素はHTML4.0から定義されている要素です。現行の仕様であるHTML Living Standardでも定義されています。

定義されている仕様書
HTML 4 HTML 5 HTML 5.1 HTML 5.2 HTML Living Standard
<span>
定義あり

定義あり

定義あり

定義あり

定義あり
DOMインターフェース
[Exposed=Window]
interface HTMLSpanElement : HTMLElement {
[HTMLConstructor] constructor();
};
UAスタイルシート
@namespace url(http://www.w3.org/1999/xhtml);

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