インターネット, Webデザイン
ブロックレイアウトのdiv HTMLタグ
でも、いくつかの10年前にrunetで最も多く、いわゆる表形式のレイアウトを使用していました。 何らかのブラウザの基準は互いに有意に異なっていたという事実のために、我々は適切にすべてのアプリケーションでのオンラインドキュメントを表示するソリューションを探してしなければなりませんでした。 しかし、時間としては良いと応答変数来た標準の開発、上の行き、むしろ剛性と柔軟性のないテーブルを置き換えるために ブロックレイアウトを。 この技術の最前線に
羽化
フレーム(HTMLコード)およびデザイン(スタイルシート) - Webページやコンピュータ技術の開発の複雑化は、ウェブ文書は2つの部分に分割されているという事実につながっています。 これはウェブの前例のない発展を遂げと、その結果は、我々は今、ほとんどのサイト上で熟考することができます。 彼らの設計ルールの個々の要素のために決定するために許可された
標準と検証
W3Cの標準(ワールド・ワイド・ウェブ・コンソーシアム)の遵守に使用されるHTML内の
本当に正しい文書を作成するには、
クラスとIDを使用
ブロックの
当然のことながら、文書のブロック構造は、1つのタグだけの
タグ。 HTML-プロパティ
既に述べたように、タグは、ページレイアウトのフラグメントを変更して、スタイルシートによって、その後の登録と意味構造を作成するために使用しません。 この要素の終了タグを使用することは必須です。
多くの近代的なブラウザでは、このような間違いを認識することができるという事実にもかかわらず、いくつかのケースでは、閉じられていないタグは「razvalivanie」文書構造とその表示不良を引き起こす可能性があります。
この要素がブロックであるため、それはコンテンツを含むことが程度は、新しい行で始まります。 この動作を変更するには、プロパティのパラメータを表示する表示部を変更する必要があります。 ネストされた要素の
タグをグループ化するだけでなく、あなたがその中にコンテンツのレイアウトをフォーマットすることができます。 それはあなたが親要素の左、右、または中央にテキストや画像を配置することができ、それを通してalign属性を、使用しています。
位置決めブロック
位置属性を使用すると、選択した項目を配置する方法を変更することができます。 だから、ポジショニングの3つのタイプがあります。
- スタティック(静的) - デフォルト。 この場合、要素は、HTMLコード内の位置に応じました。
- 相対的(相対的)。 この場合、オブジェクトの位置は静的な位置決めの場合と同様に計算されますが、この機能を使用すると、子供のための位置を変更することができますされています。
- 絶対値(絶対)。 彼の位置は、相対位置を持つエレメントに対して計算されます。
その他の属性
上部と左の属性は、原点に対する位置を変更するために使用されています。 値は正と負の両方にすることができます。 ブロック要素の幅と高さは、それぞれ、定義された幅と高さ属性。 彼らは、スタイルシートで指定されていない場合は、単位は親要素の幅全体を占有します。 ブロックコンテンツは、「親」幅を横切って収まらない場合は、その要素の振る舞いは、属性のオーバーフローによって決定されます。
私たちは、この記事では何の
HTMLでの問題に対処するために役立っている願っています。
既に述べたように、タグは、ページレイアウトのフラグメントを変更して、スタイルシートによって、その後の登録と意味構造を作成するために使用しません。 この要素の終了タグを使用することは必須です。
多くの近代的なブラウザでは、このような間違いを認識することができるという事実にもかかわらず、いくつかのケースでは、閉じられていないタグは「razvalivanie」文書構造とその表示不良を引き起こす可能性があります。
この要素がブロックであるため、それはコンテンツを含むことが程度は、新しい行で始まります。 この動作を変更するには、プロパティのパラメータを表示する表示部を変更する必要があります。 ネストされた要素の
位置決めブロック
位置属性を使用すると、選択した項目を配置する方法を変更することができます。 だから、ポジショニングの3つのタイプがあります。
- スタティック(静的) - デフォルト。 この場合、要素は、HTMLコード内の位置に応じました。
- 相対的(相対的)。 この場合、オブジェクトの位置は静的な位置決めの場合と同様に計算されますが、この機能を使用すると、子供のための位置を変更することができますされています。
- 絶対値(絶対)。 彼の位置は、相対位置を持つエレメントに対して計算されます。
その他の属性
上部と左の属性は、原点に対する位置を変更するために使用されています。 値は正と負の両方にすることができます。 ブロック要素の幅と高さは、それぞれ、定義された幅と高さ属性。 彼らは、スタイルシートで指定されていない場合は、単位は親要素の幅全体を占有します。 ブロックコンテンツは、「親」幅を横切って収まらない場合は、その要素の振る舞いは、属性のオーバーフローによって決定されます。
私たちは、この記事では何の
Similar articles
Trending Now