HTML <div> と <span>

HTML では、<div> と <span> を使用して要素を組み合わせることができます。

HTML ブロックレベル要素

ほとんどの HTML 要素は次のように定義されています。ブロックレベル要素或インライン要素。

ブロックレベル要素は、ブラウザでの表示時に、通常は新しい行で開始（および終了）します。

例: <h1>, <p>, <ul>, <table>

HTML インライン要素

インライン要素は、表示時に通常新しい行では始まりません。

例: <b>, <td>, <a>, <img>

HTML <div> 要素

HTML <div> 要素はブロックレベル要素であり、他の HTML 要素をグループ化するためのコンテナとして使用できます。

<div> 要素には特定の意味はありません。また、ブロックレベル要素であるため、ブラウザはその前後に改行を表示します。

CSS と一緒に使用すると、<div> 要素は大きなコンテンツブロックにスタイルプロパティを設定するために使用できます。

<div> 要素のもう1つの一般的な用途は、ドキュメントレイアウトです。これは、テーブルを使用してレイアウトを定義する旧来の方法に取って代わりました。<table> 要素を使用したドキュメントレイアウトは、テーブルの正しい使用方法ではありません。<table> 要素の役割は、表形式のデータを表示することです。

HTML <span> 要素

HTML <span> 要素はインライン要素であり、テキストのコンテナとして使用できます。

<span> 要素にも特定の意味はありません。

CSS と一緒に使用すると、<span> 要素はテキストの一部にスタイルプロパティを設定するために使用できます。

HTML グループ化タグ