Question

我将很快为我的大学完成一个网站（事实上，除了一些温和的调整之外，它现在大部分都已完成）并且我想向一些帮助的博主添加一个隐藏的感谢，并且堆栈溢出社区这是一个巨大的帮助。现在，我有一个以这种方式隐藏的文本部分：

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

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

Answer 1

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

opacity: 0.0;

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

display: none;

Answer 2

<div style="display:none;">CREDITS_HERE</div>

Answer 3

您可以使用css属性隐藏style="display:none;"

<div style="display:none;">CREDITS_HERE</div>

Answer 4

display: none或visibility: hidden。

Answer 5

以下两种方法可以实现此目的

您可以显示无或不具有不透明度...但如果您希望不透明度与浏览器兼容，则必须将此添加到您的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;

http://codepen.io/anon/pen/Krkfj

Answer 6

您说您无法使用HTML评论，因为CMS会将其过滤掉。所以我假设你真的想要隐藏这些内容而你不需要再显示它。

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

在HTML5中，有全局hidden attribute：

当在元素上指定时，它表示该元素尚未或不再与页面的当前状态直接相关，或者它用于声明要由页面的其他部分重用的内容，如反对被用户直接访问。用户代理不应呈现指定了hidden属性的元素。

示例（在此处使用small element，因为它是“归因”）：

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

作为后备（对于不知道hidden属性的用户代理），您可以在CSS中指定：

[hidden] {display:none;}

纯文本的一般元素可以是script元素used as "data block"：

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

或者，您也可以对现有元素使用data-* attributes（如果要为归因设置某些元素，请分别对新div元素进行分析）：

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

Answer 7

你签出了http://humanstxt.org/吗？它完全是为了您的目的而建造的：）

Answer 8

使用CSS属性visibility并将其设置为hidden。

您可以看到更多here。

Answer 9

使用css属性style="display:none"或style=visibility:hidden"

Answer 10

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

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

.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.

或者在html中：

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

因为'url'不是公认的html属性，所以它没有区别，但仍然可以被发现。您可以对任何想要的东西做同样的事情。你可以有一个属性（在html中），如：

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

如果他们想要的话，他们就能找到你的小复活节彩蛋......希望有所帮助 - 这无疑帮助了我：）

在HTML中隐藏文字？

10 个答案: