spanを入れ子にするのは問題ない？入れられる要素は？

HTMLコーディングに関して、spanタグを入れ子としてタグの中で使用したり、逆にspanタグの入れ子には何を入れるのがふさわしいのか等、入れ子に関する議題を何度か見たことがあるのではないでしょうか。

今回の記事ではspanタグに関する入れ子の問題について解説します。

結論から言うと、spanタグはどのタグの入れ子にしても問題ありません。

HTML5からW3C(World Wide Web Consortium )はHTMLタグに、コンテンツモデルと、カテゴリーという概念を追加しました。

これらの考え方についてはこちらの公式で学ぶことをお勧めします。

コンテンツモデルに基づくと、spanタグはフレージングコンテンツといい、divタグやh1タグ、pタグなど、基本的に全てのタグの入れ子にすることができます。

（例外としては、dlタグなどには入れることができませんが）

次はspanタグの中にタグを入れる場合の解説をします。

HTML4以前では入れ子を考える際には、spanタグなどのインライン要素の中にブロックレベル要素を入れてはいけないというルールがありました。

しかし、現在のHTML5からはそのような問題を気にする必要はなくなりました。

厳密にはspanタグの中にはフレージングコンテンツを入れることができます。

spanタグに入れていいタグは具体的にいくつか挙げると、spanタグ、brタグ、imgタグ、aタグなどです。