div（html属性）

説明

divは一般的なブロックレベルの要素です。内容について意味を伝えません（段落を意味するP要素、またはそれぞれレベル1またはレベル2の見出しを示すH1またはH2要素とは異なります）。そのため、ニーズに合わせて簡単にカスタマイズできます。 DIV要素は現在、ドキュメントの構造セクションを識別し、CSSを使用してWebページをレイアウトするための最も一般的な方法です。

一部の開発者は、PとDIV要素の間の類似性を認識し、それらが交換可能であると考えていますが、そうではありません。 P要素はより多くのセマンティック情報を提供します（「これはテキストの段落であり、一緒にグループ化された小さな考えのコレクションです。次の段落ではいくつかの異なる考えの概要を説明します」）、 Div要素を使用して、ほぼすべての要素をグループ化できます。実際、インライン要素のみを含むことができるPとは異なり、他のほとんどすべての要素を含めることができます。

例

以下のHTMLは、Webページのさまざまなセクションを識別するためにID属性と併用して使用されている2つのDIVを示しています。

これを使用して…

<em><div >
</em>⋮
<em></div></em>
<em><div ></em>
  <h1>Page heading</h1>
  <p>Body content</p>
<em></div></em>

divは「何でも」要素です。任意のインラインまたはブロックレベルを含めることができます 選択した要素があるため、典型的なコンテンツはありません。

互換性インターネットエクスプローラー

firefox

safari オペラ chrome 5.5 6.0 7.0 8.0 1.0 1.5 2.0 3.0 3.5 1.3 2.0 3.1 4.0 9.2 9.5 10.0 2.0 満杯 満杯 満杯 満杯 満杯 満杯 満杯 満杯 満杯 満杯 満杯 満杯 満杯 満杯 満杯 満杯 満杯 この要素には互換性の問題はありません。リストされているすべてのブラウザはサポートしています div要素。

HTML DIV属性

に関するよくある質問

HTMLのDivタグの目的は何ですか？

HTMLのDivタグは、他のページ要素をカプセル化し、HTMLドキュメントをセクションに分割するコンテナユニットです。 Web開発者はDivタグを使用してHTML要素をグループ化し、CSSスタイルを一度に多くの要素に適用します。これは、論理的に適合する要素があるときにページを構築する方法です。

互いにdivタグをネストできますか？これは、多くの場合、ページのさまざまなセクションに異なるスタイルを適用するために行われます。たとえば、サイトのヘッダーに1つのdivがあり、そのdiv内には、ロゴ、ナビゲーションリンク、および検索バーの他のdivがある場合があります。一般的な方法の1つは、Divタグを使用してクラスまたはID属性を使用することです。この属性をCSSで参照して、スタイルを適用できます。たとえば、ID「ヘッダー」のDIVがある場合、#Header {}。 ID属性はDIVの一意の識別子を提供し、クラス属性を使用すると複数のDIVに同じスタイルを適用できます。スタイル属性を使用すると、インラインCSSスタイルを適用できます。TITLE属性は、Div。たとえば、Divタグを使用して論理的でよく構築されたレイアウトを作成すると、サイトがよりユーザーフレンドリーになり、間接的にSEOが改善されます。さらに、検索エンジンはDivタグ内のコンテンツを使用して、ページが何であるかを理解する場合があります。 Divタグはブロックレベルの要素です。つまり、コンテンツの前後に新しいラインが作成されます。一方、スパンタグはインライン要素です。つまり、新しい行は作成されません。メールHTMLでDivタグを使用できますか？

はい、メールHTMLでDivタグを使用できます。ただし、一部の電子メールクライアントはすべてのCSSプロパティをサポートしていないため、Divタグでインラインスタイルを使用して、すべてのクライアントでメールが同じように見えるようにすることをお勧めします。テキストを中心にしている場合は、値「Center」を使用してテキストアライグプロパティを使用できます。ブロックレベルの要素を中心にしている場合は、左右のマージンの自動値を持つマージンプロパティを使用できます。

以上がdiv（html属性）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。