<span>要素

<span>要素の定義

英語で「期間」や「全長」を意味する”span”より。
行内・段落内で汎用的な要素のまとまりを表す際に使われます。
<span> 要素はあくまでも、文書の「意味的なまとまり」を表すためのものなので、標準では見た目は何も変わりません。

<div> 要素と用途は似ていますが、<div> 養素がブロックレベル要素であるのに対し、<span> 要素はインライン要素となっています。

子要素として使用できるもの

記述コンテンツを記述できます。

親要素として使えるもの

記述コンテンツ、フローコンテンツを受け入れるすべての要素。

許可されているARIAロール

すべて

DOMインターフェース

HTMLSpanElement

属性

グローバル属性のみが指定できます。

サンプル

以下の例では、他の文書の「意味的なまとまり」を表すための要素も合わせて作成した例を示します。

See the Pen KKKXxdX by Masahiko Iwakiri (@m-iwakiri) on CodePen.


 
 

このサイトでは、HTML要素や属性の定義は下記サイトを参考にしています。
MDN Web Docs: https://developer.mozilla.org/ja/
W3C仕様の正確な定義、最新情報は上記サイトをご覧ください。
HTML要素や属性がどのブラウザに対応しているのかは、下記のサイトで確認できます。
Can I Use?: https://caniuse.com/#home

コメント

タイトルとURLをコピーしました