HTMLのブロック要素とインライン要素

HTML要素を<div>と<span>で組み合わせることができます。

HTML ブロック要素

ほとんどの HTML 要素はブロックレベル要素またはインライン要素として定義されます。

編者注:「ブロックレベル要素」は block level element 、「インライン要素」は inline element と訳されます。

ブロックレベル要素はブラウザで表示される際に、通常新しい行で始まり(および終わります)。

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

HTML インライン要素

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

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

HTML <div> 要素

HTML <div> 要素はブロックレベル要素であり、他の HTML 要素を組み合わせるために使用できるコンテナです。

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

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

<div> 要素の別の一般的な用途は、ドキュメントのレイアウトです。それはテーブルを使用してレイアウトを定義する古い方法を置き換えます。テーブル要素を使用してドキュメントのレイアウトを行うのはテーブルの正しい使用法ではありません。<table> 要素の役割はテーブル化されたデータを表示することです。

HTML <span> 要素

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

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

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

HTML グループタグ

タグ 説明
<div> ドキュメント内の分區や節(分離/節)を定義します。
<span> span を定義し、ドキュメント内のインライン要素を組み合わせます。