HTML Varlık Kodlayıcı ve Çözücü
Encode raw HTML into safe entity-escaped text (& < >) or decode HTML entities back to plain text. Runs entirely in your browser — nothing is sent to any server.
widget.encodeHtmlEntities
widget.decodeHtmlEntities
widget.commonHtmlEntityRef
| widget.character | widget.entity | widget.description |
|---|---|---|
| & | & | Ampersand |
| < | < | Less-than |
| > | > | Greater-than |
| " | " | Double quote |
| ' | ' | Single quote |
| | Non-breaking space | |
| © | © | Copyright |
| ® | ® | Registered trademark |
| ™ | ™ | Trademark |
| € | € | Euro sign |
HTML Varlık Kodlayıcı ve Çözücü Nasıl Kullanılır
Kodlama paneli, özel karakterler içeren ham HTML veya metni HTML varlık eşdeğerlerine dönüştürür. Çözme paneli işlemi tersine çevirerek varlık-kaçışlı metni orijinal formuna geri döndürür. Her iki panel de siz yazarken gerçek zamanlı olarak güncellenir.
Kodlanması Gereken 5 Temel HTML Karakteri
HTML'de içerik olarak göründüklerinde (işaretleme değil) her zaman kodlanması gereken beş karakter vardır: & (ampersand) & olur, < < olur, > > olur, çift tırnak " olur ve tek tırnak ' olur.
Güvenlik için HTML Kodlama (XSS Önleme)
Siteler Arası Komut Dosyası Çalıştırma (XSS), en yaygın web güvenlik açığıdır ve hatalı HTML kodlama bunun temel nedenidir. Kullanıcı tarafından oluşturulan içerik kodlanmadan sayfaya eklenirse saldırgan, çerezleri çalan, kullanıcıları yönlendiren veya onlar adına işlem gerçekleştiren komut dosyası etiketleri veya olay işleyicileri ekleyebilir.
Güvenilmeyen verileri HTML öğe içeriğine, HTML öznitelik değerlerine, JavaScript dizelerine, CSS değerlerine ve sunucu tarafı şablonlarına eklerken her zaman çıktıyı kodlayın.
HTML Varlıklarını Çözme
Çözme paneli adlandırılmış varlıkları (& < > " ©), ondalık sayısal varlıkları (©) ve onaltılık sayısal varlıkları (©) işler. Çözme, API'lerden HTML ayrıştırırken, içerik kazırken veya e-posta kaynak kodunu okurken faydalıdır.
Sık Sorulan Sorular
HTML varlıkları nedir ve neden önemlidir?
HTML varlıkları, HTML'de özel anlam taşıyan karakterleri (< > & gibi) veya doğrudan yazılamayan karakterleri temsil etmek için kullanılan özel kodlardır. Örneğin, < karakterinin HTML içeriğinde < olarak yazılması gerekir; aksi hâlde tarayıcı bunu bir etiketin başlangıcı olarak yorumlar. HTML varlıklarını doğru kullanmak, bozuk işaretleme, siteler arası komut dosyası çalıştırma (XSS) açıkları ve render hatalarını önler.
Web site içeriğimde HTML'yi ne zaman kodlamalıyım?
Kullanıcı tarafından oluşturulan içerikleri, API'lerden gelen verileri veya HTML'ye eklenecek metinleri HTML ile kodlamalısınız. Bunlar şunları içerir: innerHTML ile görüntülenen içerik, öznitelik değerleri, HTML içeren JSON-LD yapılandırılmış veriler, HTML olarak işlenen e-posta gövdeleri ve makalelerde gösterilen kod parçacıkları. React ve Next.js gibi modern çerçeveler varsayılan olarak HTML'yi kaçırır; ancak ham innerHTML atamaları veya sunucu tarafında işlenen şablonlar manuel kodlama gerektirir.
HTML kodlama ile URL kodlama arasındaki fark nedir?
HTML kodlama, <, >, & gibi karakterleri HTML belgelerinde güvenli görüntüleme için HTML varlıklarına (<, >, &) dönüştürür. URL kodlama ise karakterleri, URL'lerde güvenli iletim için yüzde kodlu dizilere (%3C, %3E, %26) dönüştürür. Her ikisi de farklı bağlamlarda gereklidir: HTML içindeki içerik için HTML kodlama, sorgu parametre değerleri ve URL yolları için URL kodlama kullanın.
Bu araç Unicode / emoji karakterleri işliyor mu?
Bu araç, beş kritik HTML karakterini (&, <, >, ", ') kodlar. Unicode karakterlerin ve emojilerin, modern UTF-8 HTML belgelerinde varlık olarak kodlanması gerekmez — meta etikette charset=UTF-8 bildirimi olduğu sürece bunlar düz karakter olarak eklenebilir. Çözme paneli ayrıca sayısal varlıkları ({ veya {) ve © ® gibi yaygın adlandırılmış varlıkları da işler.
İlgili Araçlar
Kapsamlı Teknik SEO Denetimi mi İstiyorsunuz?
SEO uzmanlarımız sitenizin yapılandırılmış verilerini, HTML işaretlemesini, taranabilirliğini ve teknik sağlığını denetleyerek eksiksiz bir eylem planı sunar.
Get a Free SEO Audit