<div> </div>ドキュメント内の分割/セクションを定義して、ドキュメントを独立した異なる部分に分割することができます。 <div> </div>タグは、厳格な組織ツールとして使用でき、HTMLラベルと式スタイルを分離するというアイデアを含む、それに関連する形式を使用しません。実際の作業では、通常、<div> </div>タグのIDまたはクラスプロパティを指定して、タグをより効果的にします。 <div> </div>はブロックレベルの要素です。つまり、コンテンツが自動的に新しい行を開始することを意味します。そして、実際に変更するのは、<div>本質的に一意の形式です。
次のHTMLは、ニュースWebサイトの構造をシミュレートします。 <div> </div>タグのこれらの各ペアは、各ニュースのタイトルと要約を組み合わせています。つまり、<div> </div>はドキュメントに追加の構造を追加します。同時に、これらの<div> </div>は同じタイプの要素に属しているため、Class = Newsプロパティを使用して、これらのセマンティクスを識別できます<div> </div>をフォーマットします。
<div class = news> <h2>ニュースの見出し1 </h2> <p>いくつかのテキスト... </p> <div class = news> <h2> <h2> <h2> <h2>ニュースの見出し2 </h2> <p>いくつかのテキスト... </p>2。<span> </span>ラベル
<Span>タグは、ドキュメント内のライン要素を組み合わせるために使用されます。
<スパンスタイル=色：赤>注：</span>第二に、ブロックレベルの要素と線要素
ブロック要素と内側の要素/内側の要素は、<div> </div>や</h1>などの要素の概念です。これは、これらの要素がコンテンツ、つまりブロックとして表示されるためです。それどころか、<span> </span>や<strong> </strong>などの要素は、そのコンテンツが1行、つまりラインフレームで表示されるためです。
ブロックレベルの要素とリネン要素の概念は固定されていませんが、相対的です。要素の表示属性のタイプを使用して、生成された型ボックスを変更できます。これは、ディスプレイプロパティをブロックするように設定することにより、in -line要素（<a>要素など）をブロックレベルの要素のようにすることもできます。インラインとして、そして私たちも展示プロパティを設定することができます。そのため、この場合、フレームはすべて表示されません。書類。
<div id = dv1 style = display：block>私はブロックレベルの要素です。 </div> <div id = dv2 style = display：inline>私は行の行です。 </div> <div id = div3 style = display：none>私は見えません</div>第三に、<div> </div>と<span> </span>の比較
1.同様に、<div> </div>ラベルと<span> </span>タグはタグを分類するために使用されますが、どちらも主にアプリケーションスタイルテーブルに使用されません。
2。異なるポイント：<div> </div>ラベルはブロックレベルの要素であり、ブラウザは自動的にバンクラベルを追加します</br>。
Webレイアウトの同じ行に2つのコンテンツを表示したい場合は、最も簡単な方法は、<Span> </span>タグをパックすることです。たとえば、1つのページには2つの隣接する要素があります。1つは<div> </div>、もう1ページは<span> </span>です。同じ行に表示したい場合は、これを<span> </span>に変更できます。もちろん、<div> </div>の表示プロパティとその他のラベルをCSSを介してインラインに設定することで実装することもできます。