CSSを使用してHTMLのdivを非表示にする方法

Web ページを作成する過程で、サードパーティの統計によって表示されるアイコンを Web サイトに追加するなど、一部のコンテンツを非表示にしたいことがよくあると思います。CSS を使用して非表示にする方法、画像を代わりに使用する方法背景はあるのに文字が表示されない？この記事ではそれについて説明します。

1. 通常の非表示の Web コンテンツ

CSS スタイルの単語: display:none
統計コードのセクションを非表示にしたいが、統計コードのアイコンを表示したくない場合、および統計機能に影響を与えたくない場合は、この CSS スタイルは、display:none という単語を使用できます (この単語は、オブジェクトとオブジェクトのコンテンツを表示しないことを意味します)。

CSS コード:
.tongji{display:none}

HTML フラグメント:

隠しコンテンツ

説明: この DIV CSS は非表示であり、オブジェクト DIV を非表示にします。およびオブジェクトのコンテンツですが、機能には影響しません。 検索エンジンの場合、タグ内でこのスタイルを使用するか、このインスタンスで個別の CSS と HTML を使用するかに関係なく、検索インデックスエンジンは非表示のコンテンツを読み取ってインデックスを作成しません。キーワードを非表示にする友人の場合は、この CSS 非表示方法を使用して非表示にしないでください。キーワードやアンカー テキスト リンクを使用しないと、無駄な作業になります。

2番目に、画像を背景として使用し、Aハイパーリンクアンカーテキストに影響を与えずに画像上のテキストを非表示にします

通常、画像をオブジェクトの背景として使用したい場合があり、コンテンツは最適化されていますテキスト + ハイパーリンクを使用すると同時に、テキストを非表示にしてハイパーリンクに影響を与えないようにしたいと考えています。これにより、外観に影響を与えずに、検索エンジンの最適化の効果も得ることができます。

使用される主な CSS スタイル: text-indent:-9999px

これらの事例を読んだ後は、この方法を習得したと思います。さらに興味深い内容については、php 中国語 Web サイトその他関連記事に注目してください。

関連書籍:

会社のビッグデータ画面を作成する方法

Jestを使用してJavaScriptアプリケーションをテストする方法

モバイルビデオ再生の問題ケースのまとめ

以上がCSSを使用してHTMLのdivを非表示にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。