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

CSSのプロパティ使用していない「表示を:none」を

カスケーディングスタイルシート(CSS)を使用すると、Webページの外観やデザインを整理することができます。 最も一般的に使用されるプロパティとその値のうちの1つは、「:なし表示」です。

プロパティの決意

プロパティ自体は多目的であり、文書の表示要素のタイプを決定します。 ページテーブルの一部として、アイテムのリストとして、直線的に、ブロック部分を表示、など。D.することができる選択された特定の値に応じてこのようにして、「表示」の性質のために、文書内のブロックの種類を変更することができます。

バンドル「プロパティ表示の値:なし」としては、それはあなたがアイテムまたはドキュメントのブロックを削除することができます。 ページの作品下に同じ場所で、それはストリームの外れを意味し、予約されていません。 「リモート」を超えているすべての要素は、単にそれを見ると、ユニットのサイズと位置を無視しませんでした。 隠されたオブジェクトを返すには、単に目的の形式にプロパティの値を変更するスクリプトを経由して文書を参照する必要があります。 これが発生した場合、自動的にその上に新しいオブジェクトでページをフォーマットします。

プロパティ「表示」と「視認性」との間の差

両方の特性の結果として、ユーザーからの項目を非表示にするという事実にもかかわらず、その動作原理は全く異なります。 既に述べたように、パラメータ「表示:なし」ドキュメントから要素を削除しません。 ブロックは、このようにそれで行われていない、ページの外に落ちます。 この場合、オブジェクトは、まだHTMLコードのまま。

ターンでは、プロパティ「可視性:隠された」は、ユーザからの要素を隠しますが、ドキュメントモデルからは削除されません。 このように、ページはこのブロックで場所を予約されています。 それなしでまったく同じように:つまり、文書フローは、プロパティ「隠された可視性」を持つ要素の位置とサイズを受け入れ、検討します。

この違いは、これらの二つの特性が正しいページ表示のための所望の結果を達成することが可能となる文書の組織構造です。

なし:表示 - CSSを使用しました

インターネット文書要素の特性を決定するにはいくつかの方法があります。 最初の表示:どれもカスケードスタイルシート用に別のファイルに規定することはできません。 それはあなたが別の文書内のすべてのセレクタ、クラスとそのプロパティを行うことができますので、この方法では、最も先進的かつ最善の方法です。 このようなモデルはすぐにページ設定を見つけて修正することができます。

ドキュメントヘッダ

第2の実施形態は、ドキュメントスタイルのタグのタイトルの中でスタイルを定義することです。 この方法の有効性ははるかに少ないです。 設計者が大幅に悪化したWebページのスタイルの読みやすさの多数の存在のように、極端な場合にのみ適用することをお勧めします。 そして、これはエラーにつながり、ウェブ文書の開発プロセスを遅らせます。 このアプローチは、唯一のスタイルやデバッグ機器の少数のタグを追加する場合に推奨されます。

文書内のスタイルを編成するこの方法は、別のスタイルシートのインポートよりも小さい場合、重複プロパティは、文書のHTMLのボディにあるものによって上書きされることに注意してください。

ブロックDIV。 ディスプレイ:なし

もう一つの方法は、タグに直接追加することです「スタイル=表示:なし;」コード要素。 様々なフレームワークの目的で作業する場合、このアプローチは、多くの場合、使用されている - 直接スタイルシートへの機能の数を削減し、Web文書に表示します。 「コード検査官」のページを見ている時に加えて、そのようなレコードがしばしばあります。 このアプローチを使用して、あなたはスタイルシートに規定プロパティと値を変更できることを覚えておくことが重要です。 だから、結果として、あなたは自分のために追加の問題を作成することができますし、ページコード内のエラーを発見し、修正にいくつかの時間を過ごす、注意しなければなりません。

JavaScriptを

また、この性質のさらなる変化の可能性を言及する価値があります。 これは、スタイルシートとHTMLコードやスクリプト言語にはもはや意味しません。 そのため、それを適用することは、この地域に少なくともある程度の知識を持っていることが必要です。 文書フローから要素を削除するためには、JavaScriptのプロパティ「の表示=なし」を使用することができます。 それはときに、特定のイベントは、ドキュメントの構造を変更することができます。 また、(「オンザフライ」)を動的にパラメータのプロパティを変更することにより、リロードすることなく、ページの表示を更新するためのスクリプトを使用して。 ドロップダウンメニュー、モーダルウィンドウおよびフォームを整理するときに、このアプローチが有効です。

SEO

検索エンジンのためのWebコンテンツを最適化の分野では、多くの迷信と不確実性があります。 だから、多くの初心者のSEOのは、プロパティ「表示」悪いマナーの使用を検討してください。 彼らは、隠された内容を見て、検索エンジンは、スパムとしてページを検討し始めているという事実によってこれを説明します。 彼らの言葉ではなく、多くの他に、いくつかのロジックがあります。 隠されたオブジェクトのプロパティがない、現在のユーザーに関心のある文書の一部をドロップダウンメニューをフォーマットし、隠すために十分な頻度で使用される時間にこの時点で、(あなたが他の情報のカテゴリを選択すると、たとえば、削除されます)。 このアプローチは、十分に強力なインターネットポータル( - 「アマゾン」それらのいずれか)を使用しています。 このように、 検索エンジンのスパイダーは、 「:なしディスプレイ」スパム財産の使用を考慮することはできません。

もう一つは、このアプローチは、個々の単語や文字を隠すために使用されている場合。 今、検索エンジンのスパイダーは、まだ文書で、このような「スパム」アルゴリズムの完璧な認識を持っていないという事実にもかかわらず、ページが、この中でキャッチされる可能性はかなり高いです。 ブロックの種類を変更したり、一時的にユーザーの目から隠すために - したがって、それがプロパティ「表示」を使用することが推奨され、その意図された目的のために厳密です。

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

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