🚀 HTML'de Görünmez Karakterler: Semboller ve Varlıklar

Klavyede doğrudan bulunmayan matematiksel semboller, para birimleri ve teknik işaretlerin HTML Entity yapısı ile kullanımı.

Neden Sembol Kodlarına İhtiyaç Duyarız?

Selamlar, bugün web geliştiriciliğinin küçük ama kritik bir detayına değineceğiz. Kod yazarken bazen klavyemizde karşılığı olmayan (euro simgesi, sonsuzluk işareti veya matematiksel operatörler gibi) karakterlere ihtiyaç duyarız.

HTML'de bu karakterleri iki şekilde tanımlayabiliriz:

  1. Entity Name (İsim): € gibi hatırlaması kolay isimler.
  2. Entity Number (Sayı): € gibi tarayıcının doğrudan anladığı sayısal kodlar.

Matematiksel Semboller ve Oyun Arayüzleri

Oyun geliştirirken, özellikle bir UI (User Interface) tasarlıyorsanız, performans her şeydir. Biz OvidRacer projesinde araç istatistiklerini veya hız çarpanlarını gösterirken, ağır ikon kütüphaneleri (FontAwesome vb.) yüklemek yerine bazen doğrudan HTML sembollerini tercih ediyoruz. Örneğin bir 'sonsuzluk' (∞) işareti veya 'farklıdır' (≠) operatörü, tarayıcı tarafından yerleşik bir metin gibi işlendiği için GPU üzerinde neredeyse sıfır yük oluşturur.

Sık Kullanılan HTML Sembolleri

Aşağıdaki tabloda en çok karşılaşacağınız bazı grupları görebilirsiniz:

Sembol Tanım HTML Kod (İsim) HTML Kod (Sayı)
Tümü (For All) ∀ ∀
Kısmi Türev ∂ ∂
Vardır (Exists) ∃ ∃
Boş Küme ∅ ∅
Toplam (Sum) ∑ ∑
Sonsuzluk ∞ ∞
Euro € €
Ticari Marka ™ ™

Dikkat: Eğer bir karakter HTML içinde özel bir anlama sahipse (örneğin < işareti etiketi başlatır), bu karakteri metin olarak göstermek için mutlaka &lt; kullanmalısınız.

🚀 Sanal Kodlama Alanı Yükleniyor...

Bu sembolleri kullanırken UTF-8 karakter setini (<meta charset="UTF-8">) kullandığınızdan emin olun; modern tarayıcılar için bu standarttır ancak eski sistemlerde karakterlerin bozuk görünmesini engeller.

Bir sonraki derste bu karakterleri CSS content özelliği ile nasıl manipüle edeceğimize bakabiliriz. İyi kodlamalar!


Ovid Game Studio - Teknik Günlük