Beyhude çabalar. İmkansız. Tarayıcılar işleyebileceği bir valid HTML öğesine ihtiyaç duyarlar. Bunu ne karıştırma yöntemi ne de şifreleme yöntemi ile engelleyemezsiniz.
React, Next.JS gibi "web app" sistemlerinde ise HTML kodları genellikle JS dosyası içinde yer aldığı ve direkt olarak DOM'a yazılmadığı için süreci "zorlaştırırlar".
Lakin, siz bu soruyu soruyorsunuz şu anda giriş seviyesi bir web site yapma meraklısı konumundasınız; yani bu sizin için bir opsiyon değil.
Kısacası: HTML, CSS ve JS yani tüm Front End kodlarının erişimi engellenemez. İmkansızdır. Çünkü bir yerde browser bunu işliyor.
Durum PHP, ASP.NET gibi diller için de farklı değil, bunlar için de tam bir şifreleme yoktur.
Kod koruma, gizleme, saklama, şifreleme, engelleme bir hayaldir. Çünkü tüm kodların çözüldüğü ve işlemini yaptığı bir yer tüm yazılım dillerinde vardır, buraya bir hook yazmak ve veriyi yakalamak yeterli. Sadece iş zorlaştırabilir o kadar.
Size tavsiyem böyle şeylerle zaman harcamayın.