HTML Entity Nedir? Özel Karakterler Web'de Nasıl Kodlanır?
HTML varlıkları (HTML Entities) kavramını, neden kullanılması gerektiğini ve &, <, > gibi rezerve karakterlerin web sayfalarında güvenli gösterimini öğrenin.
Web sitelerinin iskeletini oluşturan HTML dilinde, bazı karakterler tarayıcılar tarafından özel bir anlama sahip olacak şekilde rezerve edilmiştir. Örneğin, < (büyüktür) ve > (küçüktür) karakterleri HTML etiketlerini (tag) açıp kapatmak için kullanılır.
Eğer web sayfanızda bu karakterleri normal bir metin olarak göstermek isterseniz, tarayıcının kafası karışabilir ve yazdığınız kodu yanlış yorumlayabilir. İşte bu sorunu çözmek için HTML Entities (HTML Varlıkları) kullanılır.
HTML Entity (HTML Varlığı) Nedir?
HTML Entity, tarayıcının HTML kodu olarak değil, düz karakter olarak render etmesi gereken rezerve edilmiş karakterleri temsil eden özel kod dizilimleridir. Bir HTML varlığı her zaman bir ampersand (&) işareti ile başlar ve bir noktalı virgül (;) ile biter.
HTML varlıkları iki şekilde gösterilebilir:
- İsimsel Gösterim (Entity Name): Hatırlanması kolay isimlerden oluşur (Örn:
<). - Sayısal Gösterim (Entity Number): Karakterin Unicode veya ASCII kod karşılığıdır (Örn:
<).
Neden HTML Entity Kullanmalıyız?
HTML varlıklarını kullanmanın üç temel sebebi vardır:
1. Rezerve Karakterleri Göstermek
HTML'in kendi sözdizimine ait olan karakterleri (<, >, &, ") metin içerisinde güvenle yazdırmak için kodlama yapılmalıdır. Örneğin, kod bloklarında <div yazmak istiyorsanız bunu web sayfasına <div şeklinde eklemelisiniz.
2. Görünmeyen Karakterleri Yönetmek
Web sayfalarında birden fazla boşluk bıraksanız dahi tarayıcı bunları tek bir boşluk olarak işler. Eğer yan yana birden fazla boşluk bırakmak istiyorsanız, bölünemez boşluk anlamına gelen (non-breaking space) varlığını kullanmanız gerekir.
3. Klavye Dışı Karakterleri Yazdırmak
Klavyenizde bulunmayan telif hakkı (©), ticari marka (™), derece simgesi (°) veya para birimleri (€, £) gibi özel karakterleri tüm tarayıcılarda sorunsuz göstermek için HTML varlıklarından yararlanılır.
En Sık Kullanılan HTML Varlıkları
İşte web geliştiricilerin en çok ihtiyaç duyduğu temel HTML varlıkları:
| Karakter | Açıklama | İsimsel Kod (Entity Name) | Sayısal Kod (Entity Number) |
| :---: | :--- | :---: | :---: |
| < | Küçüktür (Less than) | < | < |
| > | Büyüktür (Greater than) | > | > |
| & | Ampersand (Ve işareti) | & | & |
| " | Çift Tırnak | " | " |
| ' | Tek Tırnak | ' | ' |
| | Bölünemez Boşluk | |   |
| © | Telif Hakkı (Copyright) | © | © |
HTML Varlık Kodlayıcı ile Hızlı Dönüşüm
Büyük metinlerin veya kod bloklarının içerisindeki tüm özel karakterleri elle HTML entity formatına dönüştürmek son derece yorucu ve hata yapmaya açık bir süreçtir.
Sitemizde bulunan HTML Varlık Kodlayıcı aracını kullanarak, dönüştürmek istediğiniz metni yapıştırıp tek bir tıklamayla tüm özel karakterleri HTML varlık kodlarına (veya tam tersi olarak kodları normal metne) anında çevirebilirsiniz. Aracımız tamamen tarayıcınızda çalışır ve verilerinizi güvende tutar.