CSS 隐藏/显示选择器仍然在代码中显示文本？

Question

我想:

.eventfuture
 {
  display: none !important;
 }

这是一个非常简单的 CSS 类，应该完全隐藏文本？

我将以上内容应用于段落类:

<p class="eventfuture">Text Here ABC</p>

发生的情况是“Text Here ABC”100% 隐藏在浏览器的客户端(好)但仍然存在于源代码中(坏)。

这是正常行为吗？我确定不是。

我不希望“Text Here ABC”被搜索引擎编入索引，因此我希望它完全隐藏。

知道我可能做错了什么吗？

谢谢

Answer 1

你问的是css不可能的。 display: none; 和visibility: hidden; 都将在源代码中显示。

但是，如果您希望源代码的那部分不被谷歌索引，您可以使用:

<!--googleoff: index-->
<div>Something here</div>
<!--googleon: index>

但仍然有些文章说这行得通，有些则说行不通。

长期以来，我一直在寻找 100% 的解决方案。有人说使用 jquery .show() 和 .hide() 也有帮助。

重要说明:如果您需要 SEO，隐藏文本不是一个好的做法。 Google 机器人不喜欢隐藏文本，例如 display: none;，因为它们认为您隐藏了关键字内容。