Защита контента от копирования с помощью CSS свойств

Нужен САЙТ? Заказуй у меня - Жми сюда! Нужен хостинг или домен? Жми сюда! Хочешь создать интернет-магазин? Жми сюда! (Shopify)

В современном быстрорастущем интернете очень важна уникальность контента и соответственно в этой связи стоит вопрос его защиты от копирования.

В этом посте мы рассмотрим не 100% защиту от копирования ваших текстов, но довольно простой способ, который может внедрить каждый буквально сразу после прочтения.
Основан этот вариант будет полностью на применении CSS стилей.

Вот непосредственно сам код стилей:

selector {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

Где в роли selector`a может выступать как определенный тег, например <p> или css класс, который потом прописать для блока с контентом.

Вот таким не затейливым способом мы уберегли наш контент от банального копи-паста, какую-то часть пользователей с желанием скопировать ваши текста этот метод все же отсеет :)

В моем демо-примере основной текст защищен от выделение, а текст в хеддере - нет.

Нужен САЙТ? Заказуй у меня - Жми сюда! Нужен хостинг или домен? Жми сюда! Хочешь создать интернет-магазин? Жми сюда! (Shopify)

Делясь ссылкой на пост в социальных сетях - Вы помогаете развитию блога! Спасибо ;)

(2 голосов. Рейтинг: 5,00 из 5)
Loading...Loading...

Метки:

Рубрика: CSS

Комментарии (2)

| RSS комментария

  1. Юрий:

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

    • WebCo:

      Зачем выносить весь код в отдельный селектор, на вордпрессе можешь попробовать вставить стили для блока с классом .entry-content и вопрос решен ;)

Оставьте свой комментарий