Ücretsiz Gizlilik AraçlarıHTML Kodlayıcı
Kod parçacıkları veya kullanıcı girdisi için HTML varlıklarını güvenli şekilde kodlayın veya kodunu çözün. Ücretsiz.
Nasıl Kullanılır
- Giriş kutusuna ham HTML kodu yapıştırın veya yazın — içinde < veya > veya & veya tırnak bulunan her şey.
- Özel karakterleri güvenli HTML varlıklarına dönüştürmek için Kodla'yı seçin (ör. <, < olur) veya varlıkları yeniden sıradan karakterlere dönüştürmek için Kodunu Çöz'ü seçin.
- Metninizi tarayıcınızda anında işlemek için Kodla veya Kodunu Çöz düğmesine tıklayın.
- Sonucu tek tıklamayla kopyalayın veya projenizde kullanım için .txt dosyası olarak indirin.
Sık Sorulan Sorular
Bu gerçekten ücretsiz mi?
Evet — bu sitedeki her araç %100 ücretsizdir; limitsiz, kayıtsız ve filigransızdır.
Verilerim gizli mi?
Kesinlikle. Tüm işlemler tarayıcınızda yerel olarak yapılır. Dosyalarınız asla bir sunucuya yüklenmez.
HTML kodlama gerçekte ne yapar?
HTML kodlama, < ve > ve & ve tırnaklar gibi özel karakterleri < ve > ve & ve " ve ' gibi HTML varlıklarına dönüştürür. Bu, tarayıcının metninizi etiket saymasını engeller; bu, web sayfasında kullanıcı girdisi veya kod örnekleri gösterirken gereklidir.
Kod çözmek yerine ne zaman kodlamalıyım?
HTML içinde kod veya ham metni güvenli göstermek istediğinizde kodlayın — ör. bir derste <div>'i görünür metin olarak göstermek. Ve varlık kodlanmış metniniz (ör. &) olduğunda ve düzenleme veya işleme için asıl karakterleri geri istediğinizde kodunu çözün.
Bu, XSS saldırılarından korur mu?
HTML'e eklemeden önce kullanıcı girdisini kodlamak, siteler arası betik çalıştırma (XSS) karşıtı standart savunmalardan biridir. Ancak doğru XSS koruması bağlama da bağlıdır (HTML metni, öznitelikler ve JavaScript) — yalnızca kodlama, güvenilmez veri için tam güvenlik çözümü değildir.
Hangi karakterler kodlanır?
HTML'de anlamı olan beş karakter kodlanır: ve işareti (&), küçüktür (<), büyüktür (>), çift tırnak ve tek tırnak. Standart oldukları yerlerde adlandırılmış varlıklar kullanılır (& ve < ve > ve ") ve geri kalanında sayısal varlıklar.
HTML Kodlayıcı — eksiksiz rehber
Web sayfasında ham kod veya kullanıcı üretimi metin göstermek kolay görünür, ama yanlış yerde bir < düzeninizi tamamen bozabilir — veya daha kötüsü, güvenlik açığı açabilir. Bu HTML Kodlayıcı, özel karakterleri HTML varlıkları na dönüştürür; tarayıcının etiket saymak yerine tam anlamıyla gösterdiği güvenli metin temsilleri.
Nasıl çalışır
Kodla'ya tıklamak her anlamlı karakteri değiştirir: & olur &, ve < olur <, ve > olur >, ve tırnaklar olur " veya '. Ve ve işareti her zaman önce kodlanır; çünkü onu sonda kodlamak, az önce oluşturulan varlıkları çift kodlar. Ve kod çözme bu işlemi tersine çevirir; varlıkları asıl karakterlerine geri dönüştürür.
Yaygın kullanımlar
Blog yazma ve dersler: HTML, CSS veya JavaScript parçacıklarını <pre> veya <code> bloklar içinde okunabilir metin olarak gösterin; tarayıcı onları çalıştırmadan. Yorum sistemleri ve forumlar: Göstermeden önce kullanıcının gönderdiği içeriği kodlayın; böylece <script> yorum zararsız metin olarak görünür. E-posta şablonları: Birçok e-posta istemcisi ham açı ayraçlarını bozar; varlıklar yolculukta güvenli kalır. CMS içerik aktarımı: İçerik, metni farklı şekilde saklayan sistemler arasında aktarılırken varlıkların kodunu çözün.
En iyi sonuçlar için ipuçları
Çıktı noktasında bir kez kodlayın — önceden kodlanmış metni kodlamak, görünen çöp oluşturur; örneğin &lt;. Bir çerçeve ile site yapıyorsanız çıktıyı kendisinin kaçışa uğrattığını kontrol edin (React ve Vue ve çoğu şablon motoru bunu yapar); elle kodlama esas olarak basit HTML/JS veya eski sistemler için gereklidir. Büyük belgeler için bölümler hâlinde kodlayın; böylece çıktıyı denetleyebilirsiniz ve gösterilen sayfayı her zaman gerçek tarayıcıda test edin; ham kaynak görünümüne güvenmek yerine.
HTML kodlama ve JavaScript kaçış karşılaştırması
Not edin ki HTML varlık kodlaması, JavaScript dize kaçışı veya bağlantı kodlamasından farklıdır — her biri farklı bir ayrıştırıcıyı hedefler. HTML bağlamı için bu aracı kullanın; bağlantılar için bağlantı kodlayıcı kullanın ve JavaScript dizeleri için JSON.stringify veya çerçevenizin yerleşik kaçışına güvenin. Onları birbirine karıştırmak, çift kodlama hatalarının klasik kaynağıdır.