Скрыть текст в HTML?

Я скоро завершу веб-сайт для моего университета (на самом деле, он в основном закончен, кроме некоторых мягких настроек), и я хотел бы добавить скрытую благодарность некоторым блогерам, которые помогли, и сообществу переполнения стека, которое было огромной помощью. Прямо сейчас, у меня есть текстовый раздел, который скрыт таким образом:

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

но я чувствую, что есть лучший путь. Есть?

11
css html

10 ответов

вы проверили http://humanstxt.org/. Он построен именно для вашей цели:)

1

это сохранит свое пространство, но ничего не покажет;

opacity: 0.0;

это полностью скроет объект, плюс его (зарезервированное) пространство;

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

вы можете использовать свойство CSS, чтобы скрыть style="display:none;" 

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

вот два способа достичь этого

вы можете отобразить none или иметь непрозрачность none...Но если вы хотите, чтобы непрозрачность была совместима с кросс-браузером, вам нужно добавить это в свой 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

2

Вы сказали, что не можете использовать HTML-комментарии, потому что CMS отфильтровывает их. Поэтому я предполагаю, что вы действительно хотите скрыть этот контент, и вам не нужно его отображать.

в этом случае вы не должны использовать CSS (только), так как вы будете играть только на уровне презентации, не влияя на уровень контента. Ваш контент также должен быть скрыт для пользовательских агентов, игнорирующих CSS (люди, использующие текстовые браузеры,читатели ленты, читатели экрана; боты и т. д.).

в HTML5 есть мировой hidden атрибут:

при указании на элементе он указывает, что элемент еще не имеет или больше не имеет прямого отношения к текущему состоянию страницы или что он используется для объявления контента, который будет повторно использоваться другими частями страницы, а не напрямую доступен пользователю. Агенты пользователей не должны отображать элементы, имеющие указано.

пример (с использованием small элемент здесь, потому что это "атрибуция"):

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

как запасной вариант (для пользовательских агентов, которые не знают hidden атрибут), вы можете указать в своем CSS:

[hidden] {display:none;}

общим элементом для обычного текста может быть script элемент используется как "блок данных": 

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

кроме того, вы также можете использовать data-* атрибуты по существующим элементам (соотв. на новый div элементы, если вы хотите сгруппировать некоторые элементы для атрибуции):

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

используйте свойство css style="display:none" или style=visibility:hidden"

0

используйте свойство CSS visibility и установить его в hidden.

Вы можете видеть больше здесь.

0

не уверен, что это то, о чем вы просили, но я лично пытался "скрыть" некоторую информацию в своем html, чтобы, если кто-то проверил ее, они увидели бы текст в исходном коде.

оказывается, что вы можете добавить любой атрибут, и до тех пор, пока он не будет понят браузером, он просто останется похороненным в теге. Мой код был пасхальным яйцом: для людей, которые не могли позволить себе пройти курс Академии создателей, я в основном поощрял их проверять элемент, где им будет предоставлен секретный 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>

и они смогут найти ваше маленькое пасхальное яйцо, если захотят... Надеяться это помогает - это, конечно, помогло мне:)

0