ホームページ > 記事 > ウェブフロントエンド > CSS SPAN と DIV_html/css_WEB-ITnose の違いを理解する
SPANとDIVの違いは、DIV(ディビジョン)が段落、タイトル、表、さらには章、要約、メモなどを含めることができるブロックレベルの要素であることです。 SPAN はインライン要素です。SPAN の前後に改行はありません。これには構造的な意味はなく、他のインライン要素が適切でない場合にのみ使用できます。
以下は、これら 2 つの属性の違いを示す例です。
コード:
SPAN タグの重要かつ便利な機能は、HTML コード内の他の要素を囲んでスタイルを設定できるようにすることだけが目的であることです。この例では、識別子を使用して段落をさまざまな部分に分割できます。
同様の機能を持つ別の識別子があり、
DIV も HTML ファイル内に論理セクションを作成するために使用されます。ただし、
SPAN とは異なり、
はテキスト ブロック レベルで動作し、それに含まれる HTML 要素の前後に行分離が導入されます。
効果:
SPAN タグの重要かつ実用的な機能は、その唯一の目的が、HTML コード内の他の要素を囲んで、それらの要素のスタイルを指定できることです。この例では、識別子を使用して段落をさまざまな部分に分割できます。
似たような機能を持つ識別子もあります
DIVはHTMLファイルの論理部分の作成にも使われます。ただし、
SPAN とは異なり、
はテキスト ブロック レベルで動作し、含まれる HTML 要素の前後に行分離が導入されます。