サイト検索

divタグのHTMLレイアウトをブロックする

10年前の一番騒々しい多くの場合、いわゆるテーブルレイアウトが使用されます。いくつかのブラウザの標準が互いに大きく異なっていたため、すべてのアプリケーションでインターネット文書を正しく表示できる解決策を見つけなければなりませんでした。しかし、時間が経つにつれて、標準が進化し、かなり修正された応答性の高いブロックレイアウトが、硬直で柔軟性のない表形式に取って代わりました。この技術の最前線では、<div>要素を使用する原則があります。ほとんどのHTML文書は、表形式のレイアウトとは異なり、互いに独立したブロックに基づいて構築され始めました。

発生

div HTML

ウェブページの複雑化とコンピュータの開発技術は、Web文書がフレーム(HTMLコード)とデザイン(スタイルシート)の2つの部分に分割されたという事実につながりました。このおかげで、私たちは前例のないウェブの発展を達成することができました。その結果、現代のほとんどのウェブサイトで検討できるようになりました。 <div> HTMLの開発プロセスを改善するだけでなく、個々の要素ごとに独自のルールを定義することも可能でした。これにより、Webページのコードの可読性が向上し、ドキュメントの読み込み時間が短縮されました。現在、検索エンジンははるかに高速で、サイトで利用可能な情報をよりよく処理します。

標準と検証

HTMLの<div>タグは厳密に使用されますW3C(World Wide Web Consortium)標準への準拠。ページコードの検証は、ページ上のあらゆる種類のエラーを解析(スキャンして検索)する特殊なツール(バリデーター)によって実行されます。有効なページとは、すべてのタグが正しく使用され、標準の要件を完全に満たしていることを意味します。

html divタグ

<Div>タグを使用すると、ブロックやその作成方法を作成できますコンテナとも呼ばれます。この場合、個々の要素は相互に投資して、必要な構成と複雑さの構造を作り出すことができます。クラスまたは識別子なしで<div>タグを使用することは事実上存在しません。これは「非人間的」な要素によるものです。クラスに割り当てられていない場合は、最終的にすべてのコンテナが同じ設定になります。

本当に正しいものを作成するために<div> class = "some kind_name"タグの次の構造を使用する必要があります。スタイルテーブルでは、クラス名を参照して、文書内の別のブロックの位置、サイズ、表形式、およびその他のパラメータを決定することができます。

クラスとIDを使う

HTMLのdiv

HTMLの<div>ブロックは次のように定義できます。IDとクラス1番目と2番目の違いは、idがドキュメントページで一度だけ使用されることです。つまり、ページコード内の他の場所で繰り返されていない一意の要素を識別するために使用されます。 class属性を使うと、同じスタイルルールを複数の要素に適用できます。このアプローチはコード開発とメンテナンスを非常に単純化します。さらに、1つのオブジェクトに同時に複数のクラスを含めることができます。正しく認識するために、それらは単にスペースで区切られています。

当然、文書のブロック構造はまったくありません。<div>タグを1つだけ使用する必要があります。どのWebページの構造にも、常に他の要素があります。さらに、block <div>要素自体に、まったく異なる種類の表示を含めることができます。これはdisplayプロパティを使って行われます。要素は、文字列または表形式の表示を持つことができます。これにより、ブロックの使用の柔軟性を大幅に向上させ、任意の構成のWebサイトを作成できます。

<Div>タグHTMLプロパティ

 divクラス

前述のように、このタグは変わりませんページフラグメントのデザイン。そして意味構造を作成するために使用され、スタイルシートによるデザインが続きます。この要素の終了タグの使用は必須です。

最近の多くのブラウザがそのようなエラーを認識できるという事実にもかかわらず、閉じられていないタグがドキュメント構造の「崩壊」とその誤った表示を引き起こす可能性があります。

この要素はブロック要素なので、その中に含まれる内容は新しい行で始まります。この動作を変更するには、displayプロパティを使用してブロック表示パラメータを変更する必要があります。ネストした要素をグループ化することに加えて、<div>タグを使用すると、その中のコンテンツの場所をフォーマットできます。これを行うには、align属性を使用します。これを使用して、テキストまたは画像を親要素の左側、右側、または中央に配置できます。

ブロック位置決め

HTMLのdivとは何ですか

position属性を使用すると、選択した要素の配置方法を変更できます。そのため、位置決めには3種類あります。

  • 静的(静的) - デフォルトで使用されます。この場合、要素はHTMLコード内の位置に従って配置されます。
  • 相対(相対) この場合、オブジェクトの位置は静的配置の場合と同じ方法で計算されますが、このプロパティを使用すると子要素の位置を変更できます。
  • 絶対です。その位置は、相対位置を使用して要素に対して相対的に計算されます。

その他の属性

始点に対する位置を変更する座標は上下の属性です。値は正と負の両方にすることができます。ブロック要素の幅と高さは、それぞれwidth属性とheight属性で指定されます。それらがスタイルシートで指定されていない場合、ブロックは親要素の幅全体を占めます。ブロックの内容が「親」の幅全体に収まらない場合、要素の動作はoverflow属性によって決まります。

うまくいけば、この記事がHTMLの<div>が何であるかという問題を明確にするのに役立ちました。

  • 評価:



  • コメントを追加