HTMLスパンタグとは
ハイパーテキストマークアップ言語（HTML）は、Webページの表示方法を決定するために使用される特殊なコンピューターコードのセットです。 各要素は特定のコードでタグ付けされるため、ブラウザはタグ付け者が意図したとおりにテキストを表示します。 spanタグはによって示され、テキストの特定の部分にフックを追加するために使用されます。
html spanタグは、論理的な分割、またはdivタグに似ています。 どちらもCascading Style Sheets（CSS）で使用されます。CSSは、Web開発者がスタイルプロパティをhtml、xhtml、およびxml Webドキュメントに割り当てるために使用する言語です。 CSSを使用すると、レイアウト、フォント、色などのプレゼンテーション要素からコンテンツを分離できます。 これにより、コンテンツのアクセシビリティが向上し、プレゼンテーションがより柔軟になります。
html spanタグは、見出しのサイズ、段落、またはテキストの色を示すタグとは異なり、指定されたテキストにアクティブな変更を加えません。 代わりに、このタグを使用して、htmlの一部をグループ化し、他の情報をその部分にフックします。 html divタグも同様に機能しますが、各タグの目的は異なります。
divタグは、Webページを大きなセクションに分割します。 その使用により、開発者はhtmlコードの大きなセクションのスタイルを定義できます。 divタグを使用すると、タグ付けされたセクションに名前を付けてCSSで簡単に処理できるようになります。 html divタグは段落を分割することに注意してください。 言い換えれば、divでマークされたセクション内に段落があるかもしれませんが、段落内にdivがないかもしれません。
html spanタグは、テキストのセクションを囲むdivタグに似ています。 スタイル属性がなければ、囲まれたテキストは変更されません。 divにブレークが含まれる場合、属性タグなしでフォーマットを実行しません。
html spanタグで使用できる3つの便利な属性は、style、class、およびidです。 スパンを使用することにより、特定の属性をテキストの小さな部分に添付できます。 たとえば、文がレベル1の見出しで記述されており、最後の単語が赤でなければならない場合、html spanタグを使用してこれを実現できます。 以下の例を参照してください。
この結果が得られます：
これは赤でなければなりません
目的の単語をhtml spanタグで囲むことにより、属性（この場合は赤色）は指定された単一の単語に制限されます。 html spanタグは段落タグまたはdivタグの内側にある場合があることに注意してください。 すべてのhtmlタグと同様に、要素を適切に機能させるには要素を閉じる必要があります。