在HTML中隐藏文字？

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

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

\n\n

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

\n\n

HTML5 中有一个全局hidden属性：

\n\n

\n

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

\n

\n\n

示例（此处使用small元素，因为它\xe2\x80\x99是“属性”）：

\n\n

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

\n\n

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

\n\n

[hidden] {display:none;}\n

\n\n

纯文本的通用元素可以是用作“数据块”的script元素：

\n\n

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

\n\n

或者，您也可以在现有元素上使用data-*属性div（如果您想对某些元素进行属性分组，则在新元素上使用属性）：

\n\n

<p data-attribution="Thanks to John Doe for this idea!">This is some visible example content \xe2\x80\xa6</p>\n

\n