如何使一个文本隐藏另一文本。

Question

我正在实现facebook的评论框，我想要的是我通过GET获取并呈现到模板的评论对人类来说应该是不可见的，但对搜索引擎来说是可见的。

作为实验，我做到了： http : //jsfiddle.net/4D8hh/

我怎样才能使first隐藏second ？ 但second应该保持爬网。

Z索引在这里似乎是错误的选择，还有什么我可以做的吗？

Answer 1

使用display:none表示您想在页面上看到的任何内容，但对用户不可见。 内容将在那里...它不会在页面上“显示”。

Answer 2

刚放

background:white;

就是这样

但是qoura还有其他一些好主意，请在这里看看它对他们有用，应该对你有用。 :)

https://plus.google.com/106413090159067280619/posts/KDSVtgHiuie

Answer 3

我可以在这里引起我的关注。 Google不欣赏人们试图通过隐藏文本来获得更好的搜索排名。 它可能根本不起作用。 从用户角度来看，为什么不希望这些注释可见？

无论如何，如果您真的想走这条路，请开始使用： http : //schema.org/Comment

然后，您可以将元素置于绝对位置的上下文之外：

position: absolute;
left: -9999em;

或像Twitter Bootsrap，.sr-only：

.sr-only
{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
}