spanタグとは

目次

• <span>とは？
• <span>の使い方

<span>とは？

spanタグとは、インライン要素をグループ化するタグです。

グループ化するという役割しかない

<div>タグとの違い

divタグの場合は前後に改行が入ります。

また、divタグはブロック要素のため、divタグの中でspanタグは使用できますが、spanタグの中でdivタグは使用できません。

<span>タグの使い方

See the Pen Untitled by 西岡恭佑 (@ntedhpcm-the-flexboxer) on CodePen.

「に」だけをスパンで囲んで、cssでこの<span>のカラーを赤くすることで<span>で囲まれた部分だけ赤くなります。

さらに、文字の色を変えるだけではなく、文字の大きさや背景色、さまざまなことができます。

ただ囲むだけの要素ですが、使い勝手良く、簡単に使えるのがとてもいいと思いました。