Bazı web site sahipleri içeriklerinin alıntı olarak kullanılmasını istemezler. Bu gibi durumlarda, JS, jQuery veya diğer yöntemlerle içerik kopyalanmasını engellemeye çalışırlar. Biz bu makalede, CSS kullanarak içerik kopyalanmasını engellemeyi deneyeceğiz.
CSS İle Metin Seçimini Engelleme
CSS Kodu :
1 2 3 4 5 6 7 | p { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } |
Bu kodu kullanmak için engellemek istediğiniz içeriği <p> etiketleri arasına almanız yeterlidir. İsterseniz, özel bir sınıf oluşturarak engellemek istediğiniz yere bu sınıfı atayabilirsiniz ve daha sonra bu sınıfın adını yazmak yeterlidir.
Diğer yöntemlerde olduğu gibi, kullanıcı Ctrl+A tuş kombinasyonuyla sayfanın tamamını seçip kopyaladıktan sonra bu engeli aşabilir veya artık tüm tarayıcılarda varsayılan olarak bulunan geliştirici araçlarını kullanarak kopyalanacak metnin etiket alanına erişip yine aynı şekilde kopyalama işlemi gerçekleştirebilir. Yolunu bilen bir kullanıcı olduktan sonra bu engel maalesef etkisiz hale gelir 🙂
head tagı için style dosyası olarak, ve p etiketi yerine html etiketi kullanarak yazarsanız, tüm sayfayı seçilemez hale getirir. Sanırım ctrl A da işlemez. Sadece bir bölümü seçilemez yapmak istiyorsanız head içerisinde html yerine bir isim vererek class oluşturup. Seçilmesini istemediğimiz yerin, örneğin bir div in clasına bu ismi verebiliriz.