インターネットWebデザイン

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

でも、いくつかの10年前にrunetで最も多く、いわゆる表形式のレイアウトを使用していました。 何らかのブラウザの基準は互いに有意に異なっていたという事実のために、我々は適切にすべてのアプリケーションでのオンラインドキュメントを表示するソリューションを探してしなければなりませんでした。 しかし、時間としては良いと応答変数来た標準の開発、上の行き、むしろ剛性と柔軟性のないテーブルを置き換えるために ブロックレイアウトを。 この技術の最前線に

要素を使用する原理です。 大多数でHTML-文書はテーブルのレイアウトとは異なり、互いに独立していることができ、個々のブロックに基づいて建設されました。

羽化

フレーム(HTMLコード)およびデザイン(スタイルシート) - Webページやコンピュータ技術の開発の複雑化は、ウェブ文書は2つの部分に分割されているという事実につながっています。 これはウェブの前例のない発展を遂げと、その結果は、我々は今、ほとんどのサイト上で熟考することができます。 彼らの設計ルールの個々の要素のために決定するために許可された

HTMLの開発プロセスを改善することに加えて。 これは、Webページの読みやすさを改善し、ドキュメントのダウンロード時間を短縮するために役立ちました。 今、サイト上で利用可能な検索エンジンより速く、より良いプロセス情報。

標準と検証

W3Cの標準(ワールド・ワイド・ウェブ・コンソーシアム)の遵守に使用されるHTML内の

タグ。 バリ、(スキャンおよび検索)ページ上のエラーのすべての種類を解析する - ページのソースをチェックすると、特殊な工具を開催しました。 ページは、すべてのタグが適切に使用され、完全に規格の要件を満たしてきたことを、有効な手段です。

タグは、ブロックを作成することができ、またはそれらはコンテナと呼ばれているよう。 個々の要素は、それによって必要な構造および構成の複雑さを作成する、入れ子にすることができます。
タグ別送クラス識別子を使用してか、実質的には発生しません。 それは、「顔のない」要素によって引き起こされます。 彼は等級を割り当てていない場合は、最終的には、すべてのコンテナは、同一の構成を持つことになります。

本当に正しい文書を作成するには、

のクラス=«to_imya」の以下のタグ構造を使用する必要があります。 スタイルシート内のクラスの名前に目を向けると、あなたは場所、大きさ、およびドキュメント内の単一のブロックを合計し、他のパラメータを決定することができます。

クラスとIDを使用

ブロックの

HTMLは、識別子id、クラスとクラスとして定義することができます。 第二に最初のとは異なり、idは唯一のドキュメントページで一度使用されていることです。 つまり、より多くのページのコードで繰り返したことがないユニークな要素を決定するために使用されます。 Class属性を使用すると、同じ適用することができます スタイルのルールを いくつかの要素に。 このアプローチは、大幅にコードの開発とサポートを簡素化します。 また、一つの目的は、複数のクラスを持つことができます。 共有スペースの適切な認識のため。

当然のことながら、文書のブロック構造は、1つのタグだけの

の使用を意味するものではありません。 任意のWebページの構造は、常に他の要素となります。 加えて、それ自体がブロックの
要素は、ディスプレイの異なる種類を有することができます。 これは、プロパティ表示を使用して行われます。 要素は、文字列または大幅ユニットの使用の柔軟性を向上させ、任意の構成のウェブサイトを作成することができますテーブル表示、することができます。

タグ。 HTML-プロパティ

既に述べたように、タグは、ページレイアウトのフラグメントを変更して、スタイルシートによって、その後の登録と意味構造を作成するために使用しません。 この要素の終了タグを使用することは必須です。

多くの近代的なブラウザでは、このような間違いを認識することができるという事実にもかかわらず、いくつかのケースでは、閉じられていないタグは「razvalivanie」文書構造とその表示不良を引き起こす可能性があります。

この要素がブロックであるため、それはコンテンツを含むことが程度は、新しい行で始まります。 この動作を変更するには、プロパティのパラメータを表示する表示部を変更する必要があります。 ネストされた要素の

タグをグループ化するだけでなく、あなたがその中にコンテンツのレイアウトをフォーマットすることができます。 それはあなたが親要素の左、右、または中央にテキストや画像を配置することができ、それを通してalign属性を、使用しています。

位置決めブロック

位置属性を使用すると、選択した項目を配置する方法を変更することができます。 だから、ポジショニングの3つのタイプがあります。

  • スタティック(静的) - デフォルト。 この場合、要素は、HTMLコード内の位置に応じました。
  • 相対的(相対的)。 この場合、オブジェクトの位置は静的な位置決めの場合と同様に計算されますが、この機能を使用すると、子供のための位置を変更することができますされています。
  • 絶対値(絶対)。 彼の位置は、相対位置を持つエレメントに対して計算されます。

その他の属性

上部と左の属性は、原点に対する位置を変更するために使用されています。 値は正と負の両方にすることができます。 ブロック要素の幅と高さは、それぞれ、定義された幅と高さ属性。 彼らは、スタイルシートで指定されていない場合は、単位は親要素の幅全体を占有します。 ブロックコンテンツは、「親」幅を横切って収まらない場合は、その要素の振る舞いは、属性のオーバーフローによって決定されます。

私たちは、この記事では何の

HTMLでの問題に対処するために役立っている願っています。

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 ja.atomiyme.com. Theme powered by WordPress.