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

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

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

Метки: защита контента

Рубрика: CSS