

#
要素について
カテゴリー | フロー・コンテンツ、フレージング・コンテンツ、パルパブル・コンテンツ |
利用場所 | フレージング・コンテンツが置ける場所 |
内容 | フレージング・コンテンツ |
タグの省略 | 不可 |
“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でも定義されています。
定義されている仕様書
![]() |
![]() |
![]() |
![]() |
![]() |
|
---|---|---|---|---|---|
<span> | ![]() ![]() |
![]() ![]() |
![]() ![]() |
![]() ![]() |
![]() ![]() |
DOMインターフェース
[Exposed=Window]
interface HTMLSpanElement : HTMLElement {
[HTMLConstructor] constructor();
};
UAスタイルシート
@namespace url(http://www.w3.org/1999/xhtml);
/* なし */