Rehber • 7 dakikalık okuma süresi • Ekim 2026'da güncellendi

Çevrimiçi Ücretsiz HTML Varlıkları Nasıl Kodlanır (2026 Rehberi)

<div>Hello</div> kodunu bir blog gönderisine yapıştırmaya çalışın ve sorunu görürsünüz: tarayıcı <div> etiketini metin olarak göstermek yerine gerçek bir HTML etiketi sanır. Çözüm HTML kodlamadır — özel karakterleri, tarayıcıların literal olarak gösterdiği < gibi varlıklara dönüştürmek. Blog yazarları, CMS kullanıcıları, e-posta şablonu oluşturucuları ve geliştiriciler buna sürekli ihtiyaç duyar. Bu rehber size ücretsiz HTML Kodlayıcı aracımızla HTML varlıklarını nasıl kodlayacağınızı ve çözeceğinizi gösterir, kolay bir referans tablosu verir ve kodlamanın dürüst güvenlik sınırlarını anlatır.

HTML varlıkları nedir?

Bir HTML varlığı, &name; (adlandırılmış) veya &#number; (sayısal) olarak yazılan bir karakteri temsil eden bir metin dizisidir. Tarayıcı sayfa kaynağında < gördüğünde etiket başlatmak yerine literal < karakterini işler. En önemli beş karakter: < → < (küçüktür — aksi takdirde etiket başlatır); > → > (büyüktür — aksi takdirde etiket bitirir); & → & (ve işareti — aksi takdirde varlık başlatır); " → " (çift tırnak — aksi takdirde öznitelik değerini bitirir); ' → ' (tek tırnak — tek tırnaklı özniteliklerde aynı endişe). Ve işaretini önce kodlayın (veya aracın sırayı halletmesine izin verin) — aksi takdirde az önce oluşturduğunuz varlıkları çift kodlarsınız.

Adım 1: HTML Kodlayıcıyı açın

Herhangi bir tarayıcıda bizim HTML Kodlayıcı aracımızı açın. Kayıt yok, kurulum yok. Bir giriş bölümü, kodlama/kod çözme düğmeleri ve bir çıkış bölümü görürsünüz.

Adım 2: kodunuzu veya metninizi kodlayın

Göstermek istediğiniz parçacığı yapıştırın — örneğin: <p class="note">Tom & Jerry</p>. Encode düğmesine tıklayın. Çıktı, varlık kodlanmış sürümü gösterir; bu, ham HTML kabul eden herhangi bir HTML sayfasına, blog düzenleyiciye veya CMS'ye yapıştırmak için güvenlidir. Kopyalama düğmesiyle sonucu kopyalayın. Kodlanmış parçacığı içeren sayfayı görüntülediğinizde ziyaretçiler kodu tam olarak yazdığınız gibi görür — etiketler, tırnaklar ve her şey — tarayıcının onu işlemeye çalışması yerine.

Adım 3: varlıkları tekrar karakterlere çözün

Varlık kodlanmış metni yapıştırın (örneğin bir sayfanın kaynak görünümünden kopyalanmış). Decode düğmesine tıklayın. Orijinal karakterler geri yüklenir. Kod çözme, kodlanmış içerik miras aldığınızda yararlıdır — veri tabanı dışa aktarımları, eski CMS'ler veya kazınmış HTML'den — ve temiz orijinali geri istediğinizde.

HTML kodlamaya ne zaman ihtiyacınız olur?

Makalelerde kod parçacıkları: HTML gösteren öğreticiler veya hatta < > & içeren metin, kodlama olmadan bozulur.
CMS ve blog içeriği: WordPress tarzı düzenleyicilere veya statik site işaretlemesine kod yapıştırmak, işlemeden kaçınmak için genellikle kodlanmış varlıklar ister.
E-posta şablonları: Literal kod örnekleri veya özel karakterler içeren HTML e-postaları, tüm posta istemcilerinde tutarlı görünmek için varlıklar ister.
Kullanıcı girdisini göstermek: Kullanıcının yazdığı metni (yorumlar, form önizlemeleri) kodlamadan göstermek, onların <script> etiketini sayfanızın betiği yapar — klasik depolanmış XSS kurulumu.
Öznitelik değerleri: Öznitelik değerlerinin içindeki tırnaklar kodlanmalıdır; aksi takdirde öznitelik (ve muhtemelen işaretleme) bozulur.

Hızlı varlık referans tablosu

< — < · > — > · & — & · " — " · ' — ' ·   — bölünmeyen boşluk · © — © · ® — ® · ™ — ™ · – — – · — — — · … — … · € — € · £ — £ · ° — °. Adlandırılmış varlıklar yaygın durumları kapsar; sayısal varlıklar (< için <, örneğin) herhangi bir Unicode karakterini temsil edebilir.

Dürüst güvenlik tablosu

Kullanıcı içeriğini göstermeden önce HTML kodlamak, siteler arası betik çalıştırma (XSS) karşısında gerçek, önemli bir savunmadır — yorumların yorum olarak kalması, çalıştırılabilir kod olması yerine bu şekildedir. Ancak sınırları açık tutun: Kodlama bağlama bağlıdır. HTML kodlama, HTML gövde içeriğine yerleştirilen metni korur. Aynı dizeyi bir <script> bloğu, CSS bağlamı veya URL içinde güvenli hale getirmez — her bağlam kendi kodlamasını ister (URL'ler için URL Kodlama, örneğin). Kodlama bir katmandır, tam strateji değil. Ciddi uygulamalar çıktı kodlamayı girdi doğrulama, Content-Security-Policy başlıkları (bizim Güvenlik Başlıkları Denetleyici aracımıza bakın) ve çerçevenin sağladığı otomatik kaçış ile birleştirir. Kodlama ≠ şifreleme veya gizleme. Varlıklar kolayca tersine çevrilebilir — onları sırları gizlemek için kullanmayın.

Kaçınılacak hatalar

Çift kodlama: <'yi yeniden kodlamak &lt; oluşturur; bu, "<" yerine literal olarak "<" şeklinde görünür. Sayfanızda varlık adları metin olarak görünüyorsa bir şey iki kez kodlanmıştır.
Ve işaretini sonda kodlamak: Her zaman &'yi önce kodlayın (araçlar bunu otomatik yapar); sonda yapmak az önce oluşturduğunuz varlıkları bozar.
Özniteliklerde tırnakları unutmak: < ve > tüm dikkati alır, ancak öznitelik değeri içindeki kodlanmamış tırnak, işaretlemeyi bozan şeydir — ve enjeksiyonu mümkün kılar.

Sık sorulan sorular

HTML Kodlayıcı gizli mi?

Evet — kodlama ve kod çözme tamamen tarayıcınızda çalışır. Yapıştırdığınız şey hiçbir yere yüklenmez.

Adlandırılmış ve sayısal varlıklar arasındaki fark nedir?

Adlandırılmış varlıklar (<) yaygın karakterler için okunabilir anımsatıcılardır; sayısal varlıklar (< veya <) karakterleri Unicode kod noktasıyla adresler ve herhangi bir şeyi temsil edebilir. Tarayıcılar onlara aynı davranır.

Çerçevem otomatik olarak kaçış yapıyorsa hâlâ kodlamaya ihtiyacım var mı?

Modern çerçeveler (React, Vue, Django şablonları) çoğu bağlamda varsayılan olarak kaçış yapar — bu harikadır. Ham HTML eklediğiniz yerler, e-posta şablonları, statik içerik ve çerçevenin kaçışını atladığınız her yer için manuel kodlamaya hâlâ ihtiyacınız olur.

Kodlanmış metin virüs veya saldırı içerebilir mi?

Kodlanmış metin etkisizdir — yalnızca karakterlerdir. Risk her zaman kodlanmamış sürümün kod olarak anlaşılmasındaydı. Kodlama tam olarak bunu önler.

Şimdi deneyin: Ücretsiz HTML Kodlayıcı · Ücretsiz URL Kodlayıcı · Ücretsiz Base64 Kodlayıcı