Why use them?
Klavyede bulunmayan karakterler (örneğin ©, €) veya HTML sözdiziminde (syntax) özel anlam taşıyan karakterler (örneğin <, >, &) için kullanılır.
Bu karakterler doğrudan yazılırsa kodu bozabilir.
SYNTAX:
Bir HTML entity:
- Bir ampersand (&) ile başlar
- Bir noktalı virgül (;) ile biter
Two Types (İki Tür)
- Named Entities (İsimli Varlıklar)
Örnek:©
(Hatırlaması daha kolaydır) - Numeric Entities (Sayısal Varlıklar)
Örnek:©
(Tarayıcılar arası daha güvenilirdir)
Common Examples (Yaygın Örnekler)
| Symbol | Description | Entity Name | Entity Number |
|---|---|---|---|
< | Less than | < | < |
> | Greater than | > | > |
& | Ampersand | & | & |
" | Double Quote | " | " |
' | Apostrophe | ' | ' |
| © | Copyright | © | © |
| (boşluk) | Non-breaking space | |   |
Important:
Metin içinde gerçek açı parantezleri göstermek için her zaman:< ve > kullanın.
HTML Entities Nedir? (Profesyonel ve Geliştirilmiş İçerik)
HTML Entities Neden Kullanılır?
HTML’de bazı karakterler özel anlam taşır. Örneğin:
<ve>→ HTML etiketlerini belirtir.&→ Entity başlangıcını temsil eder.
Bu karakterleri doğrudan yazarsanız, tarayıcı bunları HTML kodu olarak yorumlar ve bu durum sayfanın bozulmasına neden olabilir.
Örneğin:
<p>5 < 10</p>
Bu şekilde yazarsanız < 10 kısmı HTML etiketi sanılabilir.
Doğru kullanım:
<p>5 < 10</p>
HTML Entity Yapısı (Syntax)
Tüm HTML entity’ler şu yapıya sahiptir:
&entity_name;
veya
&#entity_number;
&ile başlar;ile biter- Arada isim veya sayısal kod bulunur
HTML Entity Türleri
1️⃣ İsimli (Named) Entities
Hatırlaması daha kolaydır.
Örnek:
© → ©
& → &
Genellikle en çok tercih edilen yöntemdir.
2️⃣ Sayısal (Numeric) Entities
ASCII veya Unicode numaraları kullanılır.
Örnek:
© → ©
& → &
Tarayıcı uyumluluğu açısından daha güvenilirdir.
En Çok Kullanılan HTML Sembolleri
1. Küçüktür ve Büyüktür İşaretleri
| Karakter | Entity |
|---|---|
< | < |
> | > |
Özellikle kod örnekleri yazarken mutlaka kullanılmalıdır.
2. Ampersand (&)
&
URL parametrelerinde ve metinlerde sıkça kullanılır.
Örnek:
Yanlış:
Tom & Jerry
Doğru:
Tom & Jerry
3. Tırnak İşaretleri
| Karakter | Entity |
|---|---|
| “ | " |
| ‘ | ' veya ' |
Özellikle HTML attribute değerlerinde önemlidir.
4. Boşluk Kontrolü (Non-Breaking Space)
Normal boşluklar satır sonunda kırılabilir.
Ancak satır sonu kırılmasını engeller.
Örnek:
10 GB
5. Telif Hakkı ve Özel Karakterler
| Karakter | Entity |
|---|---|
| © | © |
| ® | ® |
| € | € |
| ™ | ™ |
HTML Entities Kullanım Alanları
✔ Kod örnekleri yazarken
✔ Matematiksel ifadelerde
✔ Özel semboller gösterirken
✔ Çoklu dil ve Unicode karakterlerde
✔ SEO açısından temiz HTML çıktısı üretirken
SEO ve Güvenlik Açısından Önemi
HTML entity kullanımı:
- Sayfa yapısının bozulmasını engeller
- XSS (Cross-Site Scripting) riskini azaltmaya yardımcı olur
- Arama motorlarının içeriği doğru okumasını sağlar
- Kod gösterimi yapılan blog yazılarında zorunludur
Sonuç
HTML entity’ler, web geliştirme sürecinde küçük ama kritik bir detaydır.
Özellikle:
<>&
karakterleri için entity kullanımı bir zorunluluktur.
Profesyonel web projelerinde doğru entity kullanımı:
- Daha güvenli
- Daha uyumlu
- Daha stabil HTML kodu
oluşturmanızı sağlar.
