Як зробити текст невидимим у HTML-коді

Жінка в кафе на тротуарі читає електронні листи

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

Кілька тегів HTML мають властивість під назвою «видимість». Одним з елементів, що має цей стиль, є тег div. Тег div — це контейнер, який містить текст і зображення в певному місці на веб-сторінці. Ви можете використовувати цей тег, щоб приховати текст на веб-сторінці. Оточіть свої блоки тексту тегом div, і він буде прихований від користувачів. Це корисно, коли ви хочете створити меню або динамічну сторінку, яка не відображатиме інформацію, поки користувач не натисне кнопку або посилання.

Крок 1

Відкрийте свою веб-сторінку в текстовому редакторі. Це може бути щось просте, як-от Блокнот, або більш просунуті HTML-редактори, такі як Notepad++ або Visual Studio.

Відео дня

Крок 2

Розмістіть тег div у розділі сторінки, де потрібно розмістити текст. У коді нижче розміщується тег div із властивістю видимості, встановленим на прихований:

Крок 3

Введіть текст у тег div. З метою тестування введіть у тег «Мій прихований текст». Ваш код має виглядати так:

Мій прихований текст

Крок 4

Збережіть файл і відкрийте його за допомогою веб-браузера. У веб-браузері не відображається текст, навіть якщо його можна побачити у відтвореному коді.