しばらく前、Stack Overflowでこの質問に答えました。
/programming/5078239/how-to-remove-the-space-between-inline-block-elements
問題はdisplay: inline-block
、HTMLの空白の影響を受けるため、要素に「余分なギャップ」があることです。http://jsfiddle.net/thirtydot/4z4v2/を参照してください。
示されているように、ギャップはHTMLの空白を削除することで削除できます。ただし、その空白を削除することは望ましくない修正になる場合があります。たとえば、HTMLの操作が難しくなります。
そこで、この回避策を提案しました:http : //jsfiddle.net/thirtydot/4z4v2/1/
ul {
font-size: 0;
letter-spacing: -1px;
}
li {
font-size: medium;
letter-spacing: normal;
}
(letter-spacing
Safariのギャップを完全に根絶するために必要です)
それがそれでした
..このテクニックが別の回答で提案されたときにコメントがポップアップするまで:
このコードには注意してください。リンクを含む要素内にテキストを明示的に非表示にしているため、Webクローラーによって悪用と解釈される可能性があります。リンク自体はより高い特異性ルールのおかげで見えるが、それでもウェブクローラーはコンテナ内に多数のリンクを見て、すべての祖先にテキストコンテンツを非表示にするよう指示するのは事実です。
このテクニックを使用したサイトは1つだけです(..通常、空白を削除するだけです)。このサイトは Googleで適切にランク付けされています(リンクなし、申し訳ありません)。問題がある場合、サイトには「フレーズ+場所」という形式で非常に具体的にターゲットを絞ったページがあります:架空の例として「ゾンビチョッパーレイブンホルム」。
私は本当に Googleを気にしていますが、他の検索エンジンに関する回答も歓迎します。
だから、私の質問は:
font-size: 0
テキストが実際に隠されていなくても、SEOのリスクが存在するだけですか?