En Çok Kullanılan HTML Özel Karakter Kodları (Cheat Sheet)
Web sayfalarınızda kullanmak istediğiniz bazı semboller klavyenizde bulunmayabilir veya doğrudan kullanımları sayfa yapınızı (Layout) bozabilir. Her web tasarımcısının elinin altında bulunması gereken en popüler HTML Entities (Karakter Kodları) listesini sizler için derledik.
1. Kodlama ve Güvenlik (Reserved Characters)
Bu karakterler HTML dilinin temel yapı taşları olduğu için, bunları metin olarak ekrana basmak istediğinizde KESİNLİKLE aşağıdaki entity kodlarını kullanmalısınız:
| Karakter | Ne İşe Yarar? | HTML Entity Kodu | Number Kodu |
|---|---|---|---|
< | Küçüktür (Etiket Açar) | &lt; | &#60; |
> | Büyüktür (Etiket Kapatır) | &gt; | &#62; |
& | Ampersan (Ve İşareti) | &amp; | &#38; |
" | Çift Tırnak | &quot; | &#34; |
' | Tek Tırnak (Apostrof) | &apos; | &#39; |
2. Tipografi ve Metin Düzeni
Metinlerinizin profesyonel görünmesi ve tarayıcının kelimeleri yanlış yerlerden bölmesini engellemek için kullanılan kritik boşluk ve semboller:
| Karakter | Ne İşe Yarar? | HTML Entity Kodu |
|---|---|---|
| Ayrılmaz Boşluk (Non-breaking Space) | &nbsp; |
© | Telif Hakkı (Copyright) | &copy; |
® | Tescilli Marka (Registered) | &reg; |
™ | Ticari Marka (Trademark) | &trade; |
— | Uzun Tire (Em Dash) | &mdash; |
(Not: &nbsp; kodu sadece kelimelerin ayrılmasını engellemekle kalmaz, aynı zamanda HTML'in yan yana yazılan birden fazla boşluğu silme huyunu da ezer. Art arda 5 kez boşluk bırakmak istiyorsanız &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; yazabilirsiniz).
3. Para Birimleri ve Matematik Sembolleri
E-ticaret siteleri ve teknik dokümantasyonlar için vazgeçilmez semboller:
| Karakter | Ne İşe Yarar? | HTML Entity Kodu |
|---|---|---|
€ | Euro İşareti | &euro; |
£ | Sterlin İşareti | &pound; |
¥ | Yen İşareti | &yen; |
± | Artı-Eksi | &plusmn; |
÷ | Bölme İşareti | &divide; |
× | Çarpma İşareti | &times; |
∞ | Sonsuzluk | &infin; |
Tüm kodlarınızı ezberlemek yerine otomatik olarak dönüştürmek için HTML Entity Converter aracımızı yer imlerinize ekleyebilir, bu mimarinin arkasındaki teorik bilgi için HTML Karakter Kodlama Rehberimize göz atabilirsiniz.
🕸️ Knowledge Graph & Semantik Bağlantılar
Bu içerik, Intent.com.tr'nin Web Teknolojileri topikal kümesinin (Topic Cluster) bir parçasıdır. Konuyu daha derinlemesine anlamak için aşağıdaki varlıkları (Entities) ve ilişkili içerikleri inceleyebilirsiniz:
📖 İlgili Rehberler ve İçerikler
- HTML Entities Nedir ve Web Tasarımında Neden Kullanılır?
- XML Sitemap Nedir ve Adım Adım Nasıl Oluşturulur?
- UUID v4 Algoritması Nasıl Çalışır ve Neden Güvenlidir?
🧠 Semantic Entities (Terimler & Senaryolar)
- Kavram: Open Graph (OG) Meta Etiketleri
- Kavram: LLMO (Large Language Model Optimization)
- Uygulama: GA4 Verilerini Temiz Tutmak: UTM Takibi