0Pricing
HTML Academy · Ders

charset ve Unicode Yönetimi: Özel Karakterler

Her karakteri doğru görüntülemek için UTF-8 ve HTML varlıklarını kullanın

charset ve Unicode Yönetimi: Özel Karakterler, CoddyKit'te ücretsiz bir HTML Academy dersidir. Bu, 4 dersinin 4. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, HTML Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. HTML Academy kursu toplamda 4 dersten oluşur.

Karakter Kümesi Bildirimi

Her HTML belgesi, karakter kodlamasını bildirmelidir. Standart UTF-8'dir: <meta charset="utf-8">, <head> öğesinin ilk öğesi olmalıdır. Bu bildirim olmazsa tarayıcı tahminde bulunur ve bu tahmin ASCII dışındaki metinlerde çoğu zaman yanlış olur.

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Page</title>

Neden UTF-8?

UTF-8, her Unicode karakterini kodlar: her yazı sistemini, her emojiyi ve her simgeyi. ASCII ile geriye dönük uyumludur (a-z ve 0-9 tek bayt olarak kalır) ve günümüz internetindeki baskın kodlamadır; 2024 itibarıyla sayfaların %98'inden fazlası UTF-8 kullanır.

Yerleştirme Kritik Önemdedir

Karakter kümesi meta etiketi, belgenin ilk 1024 baytı içinde, genellikle <head> öğesinin ilk satırında bulunmalıdır. Tarayıcı kodlamayı bu baytlardan algılar; karakter kümesini daha sonra bildirmek, algılama sonucunu etkilemeyebilir.

Dosyaları UTF-8 Olarak Kaydedin

Meta etiketi kodlamayı bildirir; düzenleyicinizin de dosyayı gerçekten bu kodlamayla kaydetmesi gerekir. VS Code, IntelliJ ve Sublime'ın güncel sürümlerinde varsayılan kodlama UTF-8'dir. Windows-1252 veya ISO-8859-1 olarak kaydedilen dosyalar, doğru meta etiketi bulunsa bile bozuk karakterler üretir.

HTML Karakter Varlıkları

Özel HTML karakterleri (<, >, &, ") ayrıştırıcının yanlış yorumlamasını önlemek için kaçırılmalıdır: < için &lt;, > için &gt;, & için &amp; ve " için &quot; kullanılır. Öznitelik değerlerinde, değer çift tırnakla çevriliyorsa &quot; kullanmak zorunludur.

Sayısal Karakter Başvuruları

Her Unicode karakterine kod noktasıyla başvurulabilir: kardan adam (☃) için &#9731; veya &#x2603;. Karakteri doğrudan yazmak pratik olmadığında (nadir simgeler veya denetim karakterleri için) bunu kullanın; ancak düzenleyici destekliyorsa gerçek Unicode karakterini tercih edin.

Emojiler ve Vekil Çiftleri

Emojiler U+FFFF üzerindeki Unicode karakterleridir ve UTF-16'da (JavaScript dizelerinin içinde kullanılan kodlama) vekil çiftleri olarak gösterilir. UTF-8 bunları 4 baytlık diziler olarak kodlar. charset="utf-8" ayarlandığında emojiler, karakter varlıkları kullanılmadan doğal biçimde görüntülenir.

Yaygın Kodlama Hataları

"Don't" ifadesinin "Don’t" olarak görüntülenmesi, dosyanın Latin-1 olarak yorumlandığı hâlde UTF-8 olarak kaydedildiği anlamına gelir. Dosyayı UTF-8 olarak kaydedip <meta charset="utf-8"> etiketinin bulunduğundan emin olarak düzeltin. Güncel tarayıcılar, yalnızca meta etiketi eksik AND dosya makul biçimde UTF-8 olduğunda varsayılan olarak UTF-8 kullanır.

HTTP Content-Type Üst Bilgisi

Sunucu, kodlamayı yanıt üst bilgisi aracılığıyla da bildirebilir: Content-Type: text/html; charset=utf-8. Üst bilgi, meta etiketine göre önceliklidir; bu nedenle yanlış yapılandırılmış sunucular, kusursuz yazılmış HTML'de bile kodlama hatalarına yol açabilir.

Formlarla Çalışma

Formlar varsayılan olarak sayfanın kodlamasını kullanarak gönderilir. UTF-8 sayfaları, UTF-8 form verileri gönderir ve sunucunun bunları UTF-8 olarak çözmesi gerekir. Sayfa kodlamasıyla sunucunun çözümleme kodlaması arasındaki uyuşmazlık, çok dilli sitelerde bozulmuş kullanıcı girdilerinin yaygın bir kaynağıdır.

BOM'dan Kaçının

UTF-8 dosyaları bir bayt sırası işaretiyle (BOM, 0xEF 0xBB 0xBF) başlayabilir. Çoğu tarayıcı bunu tolere eder; ancak bazı araçlar ve CDN'ler bunu desteklemez ve BOM, bazı metin düzenleyicilerinde görünür bir karakter olarak ortaya çıkar. Beklenmedik sonuçları önlemek için dosyaları "UTF-8 without BOM" olarak kaydedin.

Bilgi Kontrolü

<meta charset="utf-8"> neden bir HTML belgesinin ilk 1024 baytı içinde bulunmalıdır?

Özet

<meta charset="utf-8"> bildirimini <head> öğesinin ilk çocuğu olarak ekleyin ve dosyaları UTF-8 olarak kaydedin. UTF-8, emojiler ve tüm yazı sistemleri dâhil her Unicode karakterini kodlar. <, >, & ve " karakterlerini karakter varlıkları olarak kaçırın; nadir karakterler için sayısal başvurular kullanın. HTTP Content-Type üst bilgisinin meta etiketini geçersiz kılabileceğine ve BOM'un bazı araçlarda görünür bir karakter olarak ortaya çıkabileceğine dikkat edin.

Sıkça Sorulan Sorular

“charset ve Unicode Yönetimi: Özel Karakterler” dersi ücretsiz mi?

Evet — “charset ve Unicode Yönetimi: Özel Karakterler” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve HTML Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. HTML Academy kursu toplamda 4 dersten oluşur.

“charset ve Unicode Yönetimi: Özel Karakterler” dersinde ne öğreneceğim?

Her karakteri doğru görüntülemek için UTF-8 ve HTML varlıklarını kullanın HTML Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

HTML Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te HTML Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 4. dersidir.

“charset ve Unicode Yönetimi: Özel Karakterler” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu HTML Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her HTML Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

  1. lang Özniteliği ve Ekran Okuyucular
  2. Sağdan Sola Metin için dir=rtl
  3. bdi ve bdo Öğeleri
  4. charset ve Unicode Yönetimi: Özel Karakterler
← HTML Academy Sayfasına Dön