tigtools

HTML Karakter Kodlayıcı / Kod Çözücü

Metni HTML içine eklemek için güvenli hâle getirin veya & ve é gibi kodları normal karakterlere dönüştürün.

Tarayıcınızda çalışır Kayıt gerekmez

İşlem yönü

& < > " ve ' karakterleri her zaman kaçırılır. Diğer karakterler yalnızca ASCII dışı karakterler için bir seçenek belirlerseniz dönüştürülür.

Nasıl kullanılır?

  1. Metni HTML için güvenli hâle getirmek üzere Kodla'yı, kodları yeniden karakterlere dönüştürmek için Kod Çöz'ü seçin.
  2. Kodlarken aksanlı harflerin ve sembollerin olduğu gibi kalmasını mı yoksa kodlara dönüştürülmesini mi istediğinizi seçin.
  3. Metninizi yazın veya yapıştırın; sonuç anında güncellenir.
  4. Sonucu kopyalayın veya yeniden özgün hâline çözüldüğünü kontrol etmek için “Çıktıyı girdi olarak kullan” seçeneğini kullanın.

Nasıl çalışır?

HTML'de bazı karakterlerin özel anlamları vardır: < bir etiketi başlatır, & bir varlığı başlatır; " veya ' ise bir öznitelik değerini bitirir. Bunları metin olarak göstermek için karakter başvuruları olarak yazmak gerekir: < için &lt;, > için &gt;, & için &amp;, " için &quot; ve ' için &#39;. HTML 4'te &apos; tanımlı olmadığı için kesme işaretinde sayısal biçim kullanılır.

Sayfa UTF-8 olarak kaydedilip sunulduğunda (modern web sitelerinde varsayılan budur), aksanlı harfler, Çince metin ve emojiler dahil diğer tüm karakterler doğrudan yazılabilir. Bunları varlıklara dönüştürmek yalnızca bazı eski e-posta şablonları veya veritabanları gibi UTF-8'i desteklemeyen sistemlerde gereklidir. Bu durumda, varsa &eacute; gibi adlandırılmış varlıkları (diğer karakterler için sayısal karşılık kullanılır) ya da her karakter için &#xE9; gibi sayısal başvuruları seçebilirsiniz.

Kod çözme işlemi tarayıcının HTML ayrıştırıcısını kullanmaz. HTML 4.01'deki 252 adlandırılmış varlığın tamamını, &apos; ve sık kullanılan yaklaşık 30 HTML5 adını içeren yerleşik bir tabloya ek olarak ondalık ve onaltılık başvurulardan yararlanır. Sayısal başvurular HTML5 kurallarına uyar: &#0;, vekil değerler ve U+10FFFF üzerindeki değerler yerine koyma karakterine � dönüşür; 128–159 arasındaki değerler Windows-1252 olarak yorumlanır, bu nedenle &#150; bir en çizgisine dönüşür. Tarayıcıların yaptığı gibi, &amp ve &copy gibi sonlarında noktalı virgül bulunmayan bazı eski adlar da kabul edilir. HTML5, 2.000'den fazla ad tanımlar; tablodaki karşılığı bulunmayan nadir adlar değiştirilmeden bırakılır ve listelenir.

HTML'e eklemeden önce metindeki özel karakterleri kaçışlamak, siteler arası komut dosyası çalıştırmaya (XSS) karşı önemli bir önlemdir. Ancak bu yöntem yalnızca öğe içeriği ve tırnak içine alınmış öznitelik değerleri için uygundur. Bir <script> bloğuna, style özniteliğine veya URL'ye eklenen metin için farklı bir kaçış yöntemi gerekir.

Örnekler

Bir web sayfasında kod gösterme

Bir blog yazısında <div class="box"> kodunu metin olarak göstermek için &lt;div class=&quot;box&quot;&gt; biçimine dönüştürün. Tarayıcı bir öğe oluşturmak yerine özgün etiketi gösterir.

Eski bir e-posta şablonu için metin hazırlama

“Bulunabildiğinde adlandırılmış varlıklar” seçeneğiyle “Café – 5 €”, Caf&eacute; &ndash; 5 &euro; biçimine dönüşür. Böylece e-posta UTF-8 dışı bir karakter kümesiyle gönderilse bile doğru görüntülenir.

Kazınmış veya dışa aktarılmış metni temizleme

Bir CMS dışa aktarımında Fish &amp; Chips &#8211; &pound;9 bulunuyor. Kodları çözüldüğünde Fish & Chips – £9 elde edilir; metin artık bir e-tabloya yapıştırılmaya hazırdır.

Sık sorulan sorular

HTML'de hangi karakterler kaçırılmalıdır?

HTML öğelerinin içeriğinde & ve < karakterleri kaçırılmalıdır (> karakterini de kaçırmanız önerilir). Öznitelik değerlerinde, değeri çevreleyen tırnak karakterini de kaçırın. Her yerde beş karakterin tümünü (& < > " ') kaçırmak, bu aracın uyguladığı basit ve güvenli yöntemdir.

Adlandırılmış kodlarla sayısal kodlar arasındaki fark nedir?

&copy; gibi adlandırılmış kodları okumak daha kolaydır, ancak yalnızca sınırlı sayıda karakter için bulunurlar. &#169; (ondalık) veya &#xA9; (onaltılık) gibi sayısal başvurular; emojiler de dahil olmak üzere her Unicode karakteri için kullanılabilir.

&nbsp; neden boşluğa benzeyen bir karaktere dönüşüyor?

&nbsp;, bölünemez boşluktur (U+00A0). Normal bir boşluk gibi görünür ancak satır sonu oluşmasını engeller ve HTML tarafından daraltılmaz. Normal boşluktan farklı bir karakterdir; metni karşılaştırırken veya ararken bu fark önemlidir.

é gibi aksanlı harfleri kodlamam gerekir mi?

Sayfanız UTF-8 (<meta charset="utf-8">) kullanıyorsa gerek yoktur; modern sayfaların neredeyse tamamı UTF-8 kullanır. Varsayılan ayarı koruyun; yalnızca beş özel karakter kaçırılır.

Kodlama, XSS saldırılarını önlemek için yeterli mi?

HTML öğesi içeriğine veya tırnak içine alınmış öznitelik değerlerine eklenen güvenilmeyen metin için yeterlidir. JavaScript kodu, CSS, tırnaksız öznitelikler veya href="javascript:…" gibi URL'ler için yeterli değildir; bunlar bağlama özgü işlem gerektirir.

Gizlilik

Kodlama ve kod çözme işlemleri tarayıcınızda basit metin işlemleriyle yapılır; metniniz HTML olarak görüntülenmez, yüklenmez, saklanmaz veya analizlere dahil edilmez.