在HTML中隐藏文本？

我将很快为我的大学完成一个网站（事实上，除了一些轻微的调整外，它现在大部分都完成了），我想向一些帮助我的博客作者和stack overflow社区添加一个隐藏的感谢，这是一个巨大的帮助。现在，我有一个文本部分是这样隐藏的：

<font style="font-size:0px"> - text </font>

-文本

---

但我觉得可能有更好的办法。有吗？

这将保留其空间，但不会显示任何内容

opacity: 0.0;

这将完全隐藏对象及其（保留）空间

CREDITS\u这里

您可以使用css属性隐藏

style=“display:none；”

CREDITS\u这里

或。

这里有两种方法可以实现这一点

您可以显示无或不透明度无…但如果您希望不透明度与跨浏览器兼容，则必须将其添加到css中

/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

/* IE 5-7 */
filter: alpha(opacity=50);

/* Netscape */
-moz-opacity: 0.5;

/* Safari 1.x */
-khtml-opacity: 0.5;

/* Good browsers */
opacity: 0.5;

---

使用CSS属性

可见性

，并将其设置为

隐藏

---

您可以看到更多信息。

使用css属性

style=“display:none”

或

style=visibility:hidden”

您说过您不能使用HTML注释，因为CMS会过滤掉它们。因此我假设您确实想要隐藏此内容，并且不需要显示它

在这种情况下，您不应该使用CSS（仅限于），因为您只在演示级别上播放，而不影响内容级别。您的内容还应该隐藏，以供忽略CSS的用户代理（使用文本浏览器、提要阅读器、屏幕阅读器、机器人等的用户）使用

在HTML5中，有一个全局：

当在元素上指定时，它表示该元素尚未或不再与页面的当前状态直接相关，或者该元素正用于声明页面的其他部分将重用的内容，而不是用户直接访问的内容。用户代理不应在指定的贡品

示例（在此处使用，因为它是“属性”）：

纯文本的一般元素可以是

脚本
元素：

不确定这是否是您要求的，但我个人正试图在html中“隐藏”一些信息，以便如果有人检查它，他们会看到源代码中的文本

事实证明，你可以添加任何属性，只要浏览器不理解它，它就会被隐藏在标签中。我的代码是一个复活节彩蛋：对于负担不起Makers Academy课程的人，我基本上鼓励他们检查元素，在那里他们会得到一个秘密URL，可以申请特别的、降价的课程（在haml中，但在HTML中也是一样的理念）：

或以html格式：

<p url_you_should_visit="http://ronin.makersacademy.com">Inspect and you shall find.</p>

检查，您会发现


因为“url”不是一个可识别的html属性，所以它没有任何区别，但仍然是可发现的。您可以对任何您想要的内容执行相同的操作。您可以拥有一个属性（在html中），如：

一些文字

如果他们想要的话，他们可以找到你的小复活节彩蛋…希望这有帮助-它确实帮助了我：）
字体标签不推荐使用…不要使用它。你的大学有没有告诉你使用
？如果它不可见，为什么不把它放在评论中（
）？@ZacBrown啊好的。很好。不久前我在帮助一个学习网页设计的家伙，他告诉我他的导师告诉他给我们的
bgcolor
，
。这太可怕了。这真的让我对英国的网络课程产生了疑问。@Chris Marquee？真的吗？自从15年前我第一个Angelfire网站以来，我就没见过这种情况了。哈哈；-）Visibility Isn的支持不是很好。最好使用不透明度。不要以为我只是在说IE:P@Allendar那么，为什么不告诉我你在说什么呢？DOM对象将丢失它的事件和制表符绑定（或者至少使它们暂时无响应）。这可能会导致大脑崩溃，当你尝试单击/悬停等时，人们不理解为什么保留区域没有响应。这就是我要说的。（？）谢谢@Unor。我认为这是最好的方法，就像你说的，它是纯文本。我添加了另一种方法：对现有元素使用
数据-*
属性。
<div style="display:none;">CREDITS_HERE</div>

/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

/* IE 5-7 */
filter: alpha(opacity=50);

/* Netscape */
-moz-opacity: 0.5;

/* Safari 1.x */
-khtml-opacity: 0.5;

/* Good browsers */
opacity: 0.5;

<small hidden>Thanks to John Doe for this idea.</small>

[hidden] {display:none;}

<script type="text/plain" hidden>
Thanks to John Doe for this idea.
</script>

<p data-attribution="Thanks to John Doe for this idea!">This is some visible example content …</p>

.entry
        %h2 I can't afford to do the course... What should I do?
        %p{:url_you_should_visit => 'http://ronin.makersacademy.com'} Inspect and you shall find.

<p url_you_should_visit="http://ronin.makersacademy.com">Inspect and you shall find.</p>

<p thanks="Thanks to all the bloggers that helped me"> Some text </p>