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

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

В этом посте мы рассмотрим не 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 класс, который потом прописать для блока с контентом.

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

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

(2 голосов. Рейтинг: 5,00 из 5)
Загрузка...

Метки:

Рубрика: CSS

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

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

  1. Юрий:

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

    • WebCo:

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

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