display:none を使用して何かを非表示にしても問題ありませんか?

StackOverflow https://stackoverflow.com/questions/2289749

  •  21-09-2019
  •  | 
  •  

質問

を使用して一時的にまたは永久に何かを非表示にしても問題ありませんか? display:none?動的サイトでは、ページの多くのコンポーネントがさまざまなプラグインなどから来ており、クライアントがページに何も望んでいない場合は、多くの場合、私は使用します dispaly:none ページから内容を隠すため。クライアントが戻ってそのことを再度有効にするように要求できるため、実際のソースからは削除しません。

それで、要素を表示から非表示に保つための長所と短所は何ですか:noneを使用して要素を非表示にしておくと、 Display:none 永遠に？

SEO、スクリーンリーダー、アクセシビリティなどの点でデメリットはありますか?

役に立ちましたか？

解決

長所:とても簡単にできます

短所:

  • コンポーネントはまだサーバー側にロードされており、クライアントはコンポーネントをダウンロードします。ブラウザは単にそれらを「表示」しません。
  • 「ソースを表示」を使用すると、誰でも「非表示」になっている値を確認できるようになります。したがって、機密情報を隠すためにこれを使用しないでください。

これらのセクションのサーバー側を「コメント」するだけで、サーバー上の多くの処理や帯域幅などを節約できます。

他のヒント

クライアントは、ページのバックアップを作成し、実際にそれを削除しているページを投稿し、それを削除したい場合。 の実際の項目を除去するための代替ではないCSSを行います。彼らは、彼らが将来的にそれをしたいことを決定した場合、その後に行くと、あなたのライブコピーのバックアップを交換します。 （PHPの場合または同等の技術）、動的出力を持つあなたしている取引した場合、それらが応答に含まれることはありませんので、あなたは、コメントとその特定の出力を停止する可能性があります。

これは、いくつかの検索エンジン（例えば、Googleが）隠されたコンテンツのテイク株式を行うこともおそらくここで言及する価値があります。

display:none;を使用してテキストの膨大な量を非表示にすると、多くの検索エンジンは、キーワードスパムなどに拾うものの一つです。

：）

あなたは、クライアント側のAjaxの操作を行います。「どれも表示」それはで表示/非表示のものに意味があります。この方法は、あなたは、サーバーのラウンドトリップを行わずビュー/タブを切り替えることができます。

セキュリティ上の問題がある場合、実際にページのマークアップから何かを削除するために必要とされます。ユーザーは、いくつかの機密情報を参照する権限を持っていない場合、彼らは「表示ソース」をクリックしたとき、それはすべきではない。

display: none人々はdoesntのサポート、CSSというCSSオフまたは使用のブラウザを回すときに見えるしたい隠す事に良いです。

限り、アクセシビリティが行くように、何かが隠されていることを強くチャンスあり「表示：なし;」スクリーン・リーダーで読み取ることはありません。それはそのようにするためにあなたが予定の場合、これは許容可能である。

スクリーンリーダー/ CSS-申し出のための隠れたコンテンツへの可能な代替だけで、このクラスを使用することです。

.offscreen {
    position: absolute;
    left: -9000px;
    width: 0;
    overflow: hidden;
}

そして、次のHTML：

<h3 class="offscreen">Site Navigation</h3>
隠ぺい技術に関する完全な情報については、

： http://www.access-matters.com / 2005/04/23 /スクリーンリーダ試験結果/ の

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top