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 не дают возможностей для «вырезания» кусков кода подобным образом.
Как написать невидимый текст
Желание скрыть часть контента может возникать по разным причинам. Выяснять, для чего скрывают текст, картинки и другие элементы страницы, не станем, лучше узнаем, как написать невидимый текст, спрятать фотографию, баннер, ссылку различными способами. Для реализации большинства методов потребуются минимальные знания в области программирования и 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. Если вас заинтересовал вопрос, как сделать тег невидимым, то вам следует внимательнее относиться к написанию кода. Правильно написанные и использованные теги не отображаются браузерами, поэтому скрывать их нет необходимости.
Как скрыть html код на сайте
Тег добавляет комментарий в код документа. Текст комментария не отображается на странице. Разрешается внутрь комментария добавлять другие теги, вложенные комментарии (когда один комментарий расположен внутри другого) недопустимы.
Синтаксис
Атрибуты
Пример 1. Использование комментариев
HTML 4.01 IE Cr Op Sa Fx
Комментарии Меню Содержимое документа Пример 2. Использование комментариев
HTML5 IE Cr Op Sa Fx
Комментарии Примечание
Двойной дефис внутри комментария (—) воспринимается как часть комментария и соответственно его наличие приводит к ошибке при валидации документа.
как спрятать исходный код сайта
Я хочу чтобы мой исходный код сайта(коды HTML CSS JAVASCRIPT и проч) были не доступны для чтения пользователей.ведь в браузере есть такая функция просмотра кода.а мой код уникальный.особенно уникальны мои скрипты.Я могу их продавать.готов купит авторское право.в программах платных исходник закрыт и его нельзя копировать и изменять.могу ли Я как нибудь сделать так же со своим сайтом? сайт такая же программа.
Голосование за лучший ответ
замазать краской..
Если ты его спрячешь, то спрячешь и от браузера тоже. Тогда что браузер будет показывать?
Короче, это невозможно.
Сайт — программа только с точки зрения серверных или клиентских скриптов. HTML-разметка — не программа. Но авторские права у тебя есть. Если заметишь, что кто-то украл твой скрипт (и если ты не давал на это разрешения) , и, главное, сможешь это доказать, то можешь идти в суд.
Никак. Если ваш сайт отображается браузером, значит браузер его понимает. Ну и соответственно пользователь с руками тоже сумеет посмотреть код страницы. От встроенной функции просмотра кода спрятаться можно, крипторов в сети достаточно. Но обходятся они довольно легко.
ну че ж нет
просто по-максимуму запихните в CSS и сделайте ссылки на скрипты на этот CSS.
И вроде скрипты на ПХП не отображаются браузерами — так-что учите его)))
Посетители сайта не видят только серверные скрипты типа PHP, а клиентская часть в виде HTML, CSS, JS всегда передается ему, чтобы он ее отобразил, и никак нельзя закрыть исходный код, такие принципы работы.
Лооол=) и как браузеру тогда прикажешь отображать страницу? =)
Ты хоть понимаешь, КАК работает браузер и что ты отправляешь клиенту, когда он смотрит твою страницу? =)
CSS и JavaScript можно сжать и обфусцировать (запутать, затруднить чтение) . Например, при помощи http://developer.yahoo.com/yui/compressor/
Есть даже онлайн сервис для этого: http://refresh-sf.com/yui/
Можно отключить контекстное меню. Но в целом ваша позиция не верна.
выход только один: сайт должен быть на ПХП / цги, а выдаваемый ими хтмл-код особой ценности не имеет, т. к. очевиден во всех значниях этого слова. Если уж совсем хочется хардкора, то пусть вместо хтмл выдаётся набор картинок и к ним совсем простой хтмл с описанием ссылок.