Для спрятывания текста в CSS можно использовать свойство display: none;
. Например:
.hidden-text {
display: none;
}
Затем примените этот класс к элементу, который вы хотите спрятать:
<p class="hidden-text">Этот текст будет скрыт</p>
Также можно использовать свойство visibility: hidden;
, которое скрывает элемент, но сохраняет его место на странице:
.hidden-text {
visibility: hidden;
}
Оба этих метода скрывают текст от пользователя, но он все еще может быть доступен для поисковых роботов и скринридеров. Если вы хотите полностью скрыть текст от всех пользователей, включая поисковые роботы и скринридеры, используйте методы, которые не связаны с CSS, например, скрытие текста за изображением или использование атрибута aria-hidden
.