/ / CSSプロパティ "display:none"を使用する

CSSのプロパティ "display:none"を使用すると、

カスケードスタイルシート(CSS)を使用すると、インターネットページの外観とデザインを整理できます。最も一般的に使用されるプロパティーとその値の1つは、 "display:none"です。

プロパティ定義

表示なし

プロパティそのものは多目的で定義されていますドキュメント内の要素表示のタイプ選択した値に応じて、ページの特定のセクションをリスト単位で、線形に、テーブルの一部として、ブロック単位で表示することができます。このため、「表示」プロパティのおかげで、文書内のブロックのタイプを変更できます。

バンドル「プロパティ値表示: 「削除」の背後にあるすべての要素はそれを表示せず、そのような要素のサイズや位置を無視するだけです。隠しオブジェクトを返すには、プロパティの値を必要な形式に変更するだけのスクリプトを使用してドキュメントにアクセスする必要があります。ページは新しいオブジェクトとともに自動的に書式設定されます。

「表示」プロパティと「可視性」プロパティの違い

スタイル表示なし

最終的に両方のプロパティが隠れるという事実にもかかわらずユーザの操作原理は大きく異なります。上記のように、 "display:none"パラメータは、文書から要素を完全に削除します。ブロックはページからはみ出し、その中の場所を占有しません。この場合、オブジェクト自体はHTMLコード内に残ります。

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

これらの2つのプロパティを持つ文書構造の構成のこの違いにより、ページの正しい表示に必要な結果が得られます。

CSSの使用 - 表示:なし

div表示なし

インターネット文書を使用することができます要素のプロパティを決定するためのいくつかのオプション。最初の表示:カスケーディングスタイルシートの別ファイルにはnoneを登録できます。このメソッドは、すべてのセレクタ、クラス、およびそのプロパティを別々のドキュメントにレンダリングできるため、最も高度で正確です。このようなモデルは、ページパラメータを非常に迅速に見つけて変更することを可能にする。

文書のタイトル

第2の選択肢は、スタイル間の文書のタイトル。この方法の有効性ははるかに低い。極端な場合にのみ使用することをお勧めします。これは、多数のスタイルが存在する場合、Webデザイナーによるページの可読性が著しく低下するためです。これにより、エラーが発生し、インターネット文書を開発するプロセスが遅くなります。この方法は、このタグに少数のスタイルを追加するか、ドキュメントをデバッグする場合にのみお勧めします。

このような方法スタイルの編成は別のスタイルシートのインポートよりも下のドキュメントにあり、交差するプロパティはhtmlドキュメントの本体にあるプロパティによって書き換えられます。

ブロックdiv。表示:なし

CSS表示なし

別の方法は、"style = display:none;"というコード要素の要素に直接入力します。このアプローチは、さまざまなフレームワークを扱うときによく使用されます。その目的は、スタイルシート内のプロパティの数を直接減らし、インターネットドキュメント自体に表示することです。さらに、このようなレコードは、ページ「コードインスペクタ」を表示するときによく発生します。この方法を使用すると、スタイルシートで指定されているプロパティとその値を変更できます。したがって、あなたは自分で追加の問題を作成し、ページコードのエラーを探して修正する時間を費やすことができるので、注意する必要があります。

JavaScript

また、追加を言及する価値がありますこのプロパティを変更する可能性。スタイルシートやHTMLコードには適用されませんが、スクリプト言語には適用されません。したがって、その適用のためには、この分野に少なくともある程度の知識が必要です。ドキュメントストリームから要素を削除するには、JavaScriptのプロパティ "display = none"を使用します。特定のイベントが発生したときにドキュメントの構造を変更することができます。また、スクリプトを使用することで、動的に(「オンザフライ」で)プロパティパラメータを変更し、ページビューを再起動せずに更新することができます。このアプローチは、ドロップダウンメニュー、モーダルウィンドウ、フォームの編成に役立ちます。

SEO

JavaScriptの表示なし

検索のためにウェブコンテンツを最適化する分野多くの迷信や不明な瞬間があります。だから、多くの初心者SEOShnikiは、 "表示"プロパティを悪い方法を使用することを検討します。彼らは、隠れたコンテンツを見ている検索エンジンがそのページを迷惑メールとみなし始めるという事実を説明しています。彼らの言葉には論理のシェアがありますが、それ以上のものはありません。現時点では、オブジェクトを非表示にするプロパティは、ドロップダウンメニューの書式設定や、ユーザーにとって現在興味のない部分を非表示にするのに十分なほど頻繁に使用されます(たとえば、1つのカテゴリが選択されていれば、このアプローチは、非常に強力なインターネットポータル(その1つは「Amazon」)によって使用されます。したがって、検索ロボットは「display:none」プロパティをスパムとして使用することはできません。

別のことは、そのようなアプローチが個々の単語や記号を隠している。現時点では、検索ロボットには、文書内のそのような「スパム」を認識するための完璧なアルゴリズムがまだ存在しないにもかかわらず、ページがこれに巻き込まれる確率はかなり高いです。そのため、ブロックタイプを変更するか、一時的にユーザーの目に隠す目的で、 "表示"プロパティを厳密に使用することをお勧めします。

続きを読む: