Я скоро завершу сайт для своего университета (по сути, он в основном закончил сейчас, кроме мягкой настройки), и я хотел бы добавить скрытое спасибо некоторым блоггерам, которые помогли, и переполнение стека сообщество, которое оказало огромную помощь. Прямо сейчас у меня есть текстовый раздел, который скрыт таким образом:
<font style="font-size:0px"> - text </font>
Но я чувствую, что, вероятно, лучший способ. Есть?
Вы проверили http://humanstxt.org/. Он построен именно для вашей цели:)
Это будет сохранять свое пространство, но ничего не показывать;
opacity: 0.0;
Это полностью скроет объект, плюс его (зарезервированное) пространство;
display: none;
<div style="display:none;">CREDITS_HERE</div>
вы можете использовать свойство css, чтобы скрыть style="display:none;"
<div style="display:none;">CREDITS_HERE</div>
Вот два способа добиться этого.
Вы можете отобразить ни одного или иметь непрозрачность 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;
Вы сказали, что не можете использовать комментарии HTML, потому что CMS отфильтровывает их. Поэтому я предполагаю, что вы действительно хотите скрыть этот контент, и вам не нужно его отображать.
В этом случае вы не должны использовать CSS (только), так как вы играете только на уровне презентации, не влияя на уровень контента. Ваш контент также должен быть скрыт для пользовательских агентов, игнорирующих CSS (люди, использующие текстовые браузеры, устройства чтения каналов, программы чтения с экрана, боты и т.д.).
В HTML5 есть глобальный атрибут hidden:
Если указано в элементе, это указывает на то, что элемент еще не указан или больше не имеет прямого отношения к текущему состоянию страницы или используется для объявления содержимого, которое будет повторно использоваться другими частями страницы, как напротив того, что пользователь напрямую обращается к нему. Пользовательские агенты не должны отображать элементы, которые имеют атрибут
hidden.
Пример (здесь используется small element, потому что его "атрибуция" ):
<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>
Используйте свойство CSS visibility и установите его на hidden.
Здесь вы можете увидеть .
использовать свойство css style="display:none" или style=visibility:hidden"
Не уверен, что это то, о чем вы просили, но я лично пытался "скрыть" некоторую информацию в своем 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>
И они смогут найти ваше маленькое пасхальное яйцо, если они этого захотят... Надеюсь, что это поможет - это, безусловно, помогло мне:)