HTML Karakter Varlıkları Referansı
HTML karakter varlıkları, HTML'de özel anlam taşıyan karakterleri veya klavyeyle kolayca yazılamayan karakterleri görüntülemek için kullanılan özel kodlardır. Bir ve işaretiyle (&) başlayıp noktalı virgülle (;) biterler.
Neden HTML Varlıkları Kullanmalısınız?
- Ayrılmış Karakterler: HTML, işaretleme için <, > ve & gibi belirli karakterler kullanır. Bunları harfi harfine görüntülemek için varlık kullanmalısınız.
- Özel Karakterler: ©, ® veya matematiksel semboller gibi standart klavyelerde bulunmayan karakterleri görüntüleyin.
- Unicode Desteği: Uluslararası karakterlerin farklı sistemlerde ve tarayıcılarda düzgün görüntülenmesini sağlayın.
- Erişilebilirlik: Ekran okuyucular, daha iyi erişilebilirlik için varlık adlarını doğru yorumlayabilir.
Varlık Formatları
Named Entities: © → ©
Decimal Entities: © → ©
Hexadecimal Entities: © → ©
Yaygın Kategoriler
Temel HTML
HTML'de ayrılmış olan <, > ve & gibi temel karakterler.
Noktalama
Tırnak işaretleri, kısa çizgiler ve diğer noktalama sembolleri.
Matematiksel
Matematiksel operatörler, semboller ve gösterim.
Para Birimi
Dünya genelinden para birimi sembolleri.
Semboller
Telif hakkı, ticari marka ve diğer yaygın semboller.
Uluslararası
Aksan işaretli Latin ve Yunan karakterleri.
En İyi Uygulamalar
- Adlandırılmış Varlıkları Kullanın: Mevcut olduğunda, adlandırılmış varlıklar sayısal olanlardan daha okunabilirdir.
- Ayrılmış Karakterler için Her Zaman Varlık Kullanın: HTML içeriğinde hiçbir zaman ham <, > veya & kullanmayın.
- UTF-8'i Düşünün: Doğru UTF-8 kodlamasıyla, birçok özel karakter doğrudan kullanılabilir.
- Kodunuzu Doğrulayın: Tüm varlıkların düzgün biçimlendirildiğinden ve tanındığından emin olun.
- Tarayıcı Uyumluluğu: Varlıkları farklı tarayıcılarda, özellikle eski olanlarda test edin.
Geliştirme Örnekleri
HTML Example:
<p>Copyright © 2024 — All rights reserved</p> <p>Price: £19.99 (includes 20% VAT)</p> <p>“Hello, world!” she said.</p>
JavaScript/React Example:
// Using dangerouslySetInnerHTML
<div dangerouslySetInnerHTML={{__html: 'Price: £19.99'}} />
// Using Unicode in JavaScript strings
const copyright = '\u00A9 2024';
const quote = '\u201CHello, world!\u201D';Yaygın Hatalar
- Noktalı Virgülü Unutmak:
©without semicolon may not render correctly. - Büyük/Küçük Harf Duyarlılığı: Named entities are case-sensitive:
&Copy;≠© - Geçersiz Varlıklar: Var olmayan varlık adları kullanmak harfi harfine görüntülenir.
- Çift Kodlama: Zaten kodlanmış varlıkları kodlamak görüntüleme sorunlarına yol açabilir.
💡 Profesyonel İpucu
Herhangi bir özel karakter için doğru varlığı hızlıca bulmak üzere bu referans aracını kullanın. Varlık kodunu kopyalayıp doğrudan HTML'nize yapıştırın veya tutarlı çapraz platform görünümü için JavaScript dizelerinizde Unicode değerini kullanın.