Как сделать текст невидимым в HTML-коде

Женщина в кафе на тротуаре, читая электронные письма

Кредит изображения: Джейкоб Амменторп Лунд / iStock / Getty Images

Некоторые HTML-теги имеют свойство, называемое «видимость». Одним из элементов этого стиля является тег div. Тег div - это контейнер, содержащий текст и изображения в определенном месте на веб-странице. Вы можете использовать этот тег, чтобы скрыть текст на веб-странице. Окружите свои блоки текста тегом div, и он будет скрыт от пользователей. Это полезно, когда вы хотите создать меню или динамическую страницу, которая не будет отображать информацию, пока пользователь не нажмет кнопку или ссылку.

Шаг 1

Откройте свою веб-страницу в текстовом редакторе. Это может быть что-то простое, например Блокнот, или более продвинутые редакторы HTML, такие как Notepad ++ или Visual Studio.

Видео дня

Шаг 2

Поместите тег div в тот раздел страницы, где вы хотите разместить текст. В приведенном ниже коде размещается тег div со свойством видимости, установленным на скрытый:

Шаг 3

Введите текст в теге div. В целях тестирования введите в теге «Мой скрытый текст». Ваш код должен выглядеть следующим образом:

Мой скрытый текст

Шаг 4

Сохраните файл и откройте его в веб-браузере. В веб-браузере текст не отображается, хотя его можно увидеть в обработанном коде.