HTML — Скрыть текст и код
Вопрос глупый, но ответа я найти не смог. (Либо я плохо искал. ) Вот у меня есть сайт, там две ссылки, одна скрытая при помощи display:none но код ссылки остается открытый, и её можно просмотреть, возможно ли как то скрыть её код? + Кратко говоря, нужно сделать что бы HTML код элемента не был виден при его просмотре в браузере. Как это реализовать?
Отслеживать
задан 30 мар 2018 в 21:29
75 10 10 бронзовых знаков
о каком «коде ссылки» идет речь?
30 мар 2018 в 21:31
Обычная ссылка: .
30 мар 2018 в 21:40
Можете показать пример, что есть и как должно быть, либо набросок сделать?
30 мар 2018 в 21:43
странно, у меня нету никакого кода, ссылка скрыта и все
30 мар 2018 в 21:54
Суть в том, что автор имел ввиду, что у него есть 2 ссылки, одна должна не просто скрываться от пользователя визуально, но и исчезать из кода. display:none скрывает элемент визуально, но не врезает ее из кода. Как уже дан ответ, то полностью вырезать можно только при помощи js-кода, либо через back-end, например, при помощи PHP. HTML и CSS не дают возможностей для «вырезания» кусков кода подобным образом.
Как скрыть часть кода, до действия?
Проблема следующая, на сайте есть iframe, который необходимо скрыть от всех, пока пользователь не совершит любое действие(скролл, движение мышкой, нажатие на экран).
Задача не только временно скрыть айфрейм для рендеринга в браузере, но и скрыть его наличие в исходном коде, до действий. То есть он не должен быть виден в инструментах разработчика, пока не произойдет скролл и т.д.
Возможно такое реализовать? Если да, то буду благодарен за пример
- Вопрос задан 12 мар. 2023
- 128 просмотров
Как скрыть фрагмент html кода не удаляя его?
Есть прайс, в нем 4 столбца и один из них надо скрыть не удаляя его и не по средствам css, а сделать так что бы код просто не читался. Возможно ли это сделать?
- Вопрос задан более трёх лет назад
- 1562 просмотра
Комментировать
Решения вопроса 1
Евгений Вольф @Wolfnsex Куратор тега HTML
Если не хочешь быть первым — не вставай в очередь!
Возможно ли это сделать?
Да, можно его закомментировать . А что бы он совсем не читался (людями) — можете его в закодировать в Base64 или вообще зашифровать (с помощью стороннего ПО).
Ответ написан более трёх лет назад
Как написать невидимый текст
Желание скрыть часть контента может возникать по разным причинам. Выяснять, для чего скрывают текст, картинки и другие элементы страницы, не станем, лучше узнаем, как написать невидимый текст, спрятать фотографию, баннер, ссылку различными способами. Для реализации большинства методов потребуются минимальные знания в области программирования и HTML-разметки.
Как скрыть текст на сайте
Используем HTML-код
Чтобы при помощи HTML создать скрытый текст, нужно открыть исходный код страницы, найти скрываемое слово или предложение и установить цвет шрифта таким же, как цвет фона страницы. После загрузки страницы в браузере текст сольется с фоном и станет невидимым. Также предложения можно сделать практически невидимыми путем изменения размера шрифта до очень маленького. Еще один вариант: скрыть текст под изображением, которое дополнительно может сливаться с фоном и быть из-за этого невидимым.
Используем DHTML
Динамический HTML-код состоит из обычного HTML, каскадных таблиц стилей и элементов языка сценариев. Он позволяет вносить изменения в содержимое страниц без их перезагрузки. Для реализации задуманного пользователю потребуется создать небольшой код CSS и установить его в теле страницы между тегами body. Каскадные таблицы стилей дают практически безграничные возможности в плане изменения внешнего вида контента. В примере текст скрыт, но при нажатии на кнопку он появляется. Если пользователю требуется только скрыть контент, то часть кода можно удалить.
Скрываем текст на странице в динамическом HTML-коде
Как скрыть текст на странице в DHTML
При помощи стилей можно прятать ссылки, предложения, текстовые блоки, таблицы, изображения, используя свойства скрываемого объекта. Например, свойства opacity, visibility, display, position, clip-path позволяют скрывать объекты разными способами.
Методы скрытия объектов в DHTML
Способы скрытия объектов
Методы скрытия объектов в DHTML
Способы скрытия объектов
Используем JavaScript
Код скрипта можно вписывать как в заголовок, так и в тело страницы между тегами head или body соответственно. Главное, не забыть обозначить начало и конец кода. Для этого пользуются тегами script.
Сначала надо написать функцию, которая будет скрывать контент.
Код функции на JavaScript для скрытия контента
Функция для скрытия контента в JavaScript
Далее в нужном месте кода страницы следует запросить вывод результата работы скрипта.
Вывод результата работы JS-скрипта
Вывод результата работы скрипта
При помощи данного скрипта была скрыта большая часть статьи. Ссылка «Подробнее» необходима для отображения спрятанного контента и одновременного скрытия самой ссылки после появления текста, так как в ней отпала необходимость.
Ссылка ‘Подробнее’ в коде страницы на JavaScript
Ссылка ‘Подробнее’ в JavaScript
Еще один пример. Этот скрипт нужно вставить в тело страницы в нужном месте. После загрузки страницы в браузере пользователь увидит две кнопки: «Скрыть» и «Показать». Нажав на соответствующую, он увидит или скроет alalala. Если вас заинтересовал вопрос, как сделать тег невидимым, то вам следует внимательнее относиться к написанию кода. Правильно написанные и использованные теги не отображаются браузерами, поэтому скрывать их нет необходимости.