HTML Semboller
Entities oturumu <, > ve & karakterlerinin neden kodlanması gerektiğini gösterdi. Aynı varlık sistemi birçok sembolü de açar — telif işaretleri, para birimi simgeleri, ticari markalar ve basit oklar — özel klavye düzenleri aramadan. Bu oturum, altbilgilerde, fiyatlarda ve ürün adlarında göreceğiniz pratik sembollere odaklanır. Gerçek sitelerde bu glifler onlarca kez çıkar: altbilgide telif yılı, kartta euro fiyatı, marka adından sonra ™. Ekip HTML'i basit düzenleyicilerde, paylaşılan klasörlerde veya Unicode'u bozan araçlarda düzenliyorsa, adlandırılmış varlıklar dosyayı güvenilir tutar. Bu kodları < ve &nin doğal devamı gibi düşünün: sözdizimi aynıdır (&…;), yalnızca amaç değişir — artık bir işaretleme karakterini kaçırmak değil, yasal veya parasal bir işareti göstermek istersiniz. Bu dersten sonra yalnızca yaygın adlandırılmış varlıklarla bir altbilgi ve bir fiyat satırı yazabilmeli ve sayısal başvurunun ne zaman yedek plan olduğunu bilmelisininiz.
Burada sembol varlığı ne sayılır?
Bir sembol varlığı hâlâ bir HTML varlığıdır: genellikle & ile başlar, ; ile biter ve tarayıcı görünür bir sembol çizer. Bazı adlar kolay hatırlanır (©, €). Diğerleri → gibi sayısal karakter başvuruları olarak yazılır. Her iki yaklaşım da karakter ekler; standart bir ad varken adlandırılmış biçimler daha dostçadır. Pratik fark kaynakta okunabilirliktir: ™ hemen “ticari marka” der; ™ aynı işi yapar ama tabloya bakmayı gerektirir. Kurs için önce kısa yasal ve para birimi kümesini ezberleyin; uzun sayıları yedek araç sayın. Ayrıca noktalı virgül varlığı kapatır — o olmadan ayrıştırıcı sonraki harfleri yutabilir veya tuhaf bir sonuç gösterebilir. Sembol varlığı CSS değildir, görsel değildir ve gerçek tipografinin yerini almaz: tarayıcıdan somut bir glif istemenin güvenli yoludur.
Doğrudan yanıt
Sembolleri varlıklarla ekleyin. Yaygın başlangıçlar: © için ©, ® için ®, ™ için ™, € için €, £ için £ ve ¥ için ¥. Akılda kalır bir adı olmayan bir karaktere ihtiyacınız olduğunda sayısal başvuru işe yarayabilir. Taşınabilirlik ve düz metin düzenleyicilerde okunabilirlik için adlandırılmış varlıkları tercih edin ve varlığı her zaman ; ile bitirin. Bu oturumdan tek bir cümle hatırlayacaksanız şu olsun: ekranda sembol, kaynakta kod — ve standart bir ad varken daha açık kod kazanır. Belgelerde ve derslerde © 2026, eski bir düzenleyicinin ? yaptığı yapıştırılmış ©'den sistemler arası kopyalamada daha iyi yaşar. Mağazalarda ve açılış sayfalarında aynı disiplin, biri dosyayı yanlış kodlamayla kaydettiğinde “kırık” fiyatları önler. Kısa kümeyi öğrenin; sonra süs glifinin varlık mı yoksa UTF-8'de doğrudan Unicode mı istediğine durum durumuna karar verin.
Bir bakışta kullanışlı semboller
📊 Kullanışlı sembol varlıkları
| Entity | Sembol fikri | Tipik kullanım |
|---|---|---|
| &copy; | telif | Altbilgiler ve yasal satırlar |
| &reg; | tescilli | Marka notları |
| &trade; | ticari marka | Ürün adları |
| &euro; | euro | EUR fiyatları |
| &pound; | sterlin | GBP fiyatları |
| &yen; | yen | JPY fiyatları |
| &rarr; | sağ ok | Basit yön ipuçları (yazı tipi desteği değişir) |
Metinde yasal ve marka işaretleri
Altbilgiler ve ürün satırları sıkça telif veya ticari marka ister. Varlıklar, bir ekip arkadaşı dosyayı basit bir düzenleyicide düzenlese bile bu karakterleri güvenilir tutar. Küçük ekiplerde biri HTML'i Not Defteri'nde, başka bir işletim sisteminde açabilir veya e-postadan yapıştırabilir — sizin makinenizdeki “güzel” ©, ötekinde çöpe dönebilir. ©, ® ve ™ klasik üçlüdür: altbilgide yıl ve haklar, yasal notlarda tescilli işaret, ürün adının yanında ™. Yalnızca bu glifler için PNG gerekmez; varlık içeren metin yazı tipi boyutuyla ölçeklenir ve metin olarak kopyalanır. Satırı yazarken her varlığı tam bir birim sayın: ampersand, ad, noktalı virgül. Aynı cümlede yapıştırılmış © ile ™ UTF-8'de çalışır, ancak ekip bir stil seçip projede tutarsa tutarlılık artar.
Ürün satırında semboller
html<p>Price: 10€ — BrandX™ — All rights reserved © 2026</p>
Örneği okumak
10€özel bir klavye karakteri yapıştırmadan euro tutarı gösterirBrandX™addan sonra ticari marka işareti ekler© 2026klasik bir altbilgi kalıbıdır- Her varlık
;ile biter — unutmak çizimi bozabilir
Bu kalıp ölçeklenir: fiyat, marka ve telifi görselsiz aynı cümlede birleştirebilirsiniz. Yaygın hata, yalnızca bir varlıktan;unutup sonraki harflerin “yenmesini” görmektir. Her zaman kaynak kodunu işlenmiş metinle karşılaştırın — kaynaktaki€ile ekrandaki € arasındaki fark tam olarak varlığın yaptığı iştir. Bu karşıtlığı aklınızda tutun: kaynak = kod; ekran = glif. Öğrenci bunu bir kez görünce kural büyü olmaktan çıkar, mekanik olur. Satır gerçek bir mağaza içinse doğru para birimini de doğrulayın —€ile£yalnızca “ikisi de para” diye değiştirilemez.
Adlandırılmış varlıklar ve sayısal başvurular
Adlandırılmış varlıklar sözcük kullanır: ©. Sayısal karakter başvuruları sayı kullanır: © telif işaretinin başka bir yoludur ve → sağ ok üretebilir. Bu kurs için uzun kod tablolarını ezberlemeniz gerekmez. Günlük yasal ve para birimi işaretlerinin adlandırılmış biçimlerini öğrenin; net bir ad yoksa sayısal biçimleri yedek sayın. Ondalık © ile onaltılık © aynı Unicode kod noktasına işaret eder; kurs çoğunlukla ondalığı kullanır çünkü eski örneklerde sık görülür. Oklar ve daha az yaygın semboller için sayısal başvuru (veya yapıştırılmış UTF-8 karakter) kabul edilir — dosya ve sunucu kodlamada hizalıysa. Sağlıklı alışkanlık: önce kısa bir ad arayın; yoksa sayısal veya doğrudan Unicode'u bilinçli kullanın.
Sayısal karakter başvurusu
html<p>Next step → checkout</p>
UTF-8 ve yapıştırılmış semboller
Dosyanız UTF-8 olarak kaydedildiyse çoğu zaman © veya €'yu doğrudan yapıştırabilirsiniz. Bu geçerlidir. Kaynağın ASCII dostu metne yakın kalmasını istediğinizde veya bir düzenleyici özel karakterleri daha önce bozduğunda varlıklar yararlı kalır. Ekibin dosyalarını güvenilir tutan yaklaşımı seçin. Düzgün bildirilmiş charset=utf-8 olan modern projelerde glif yapıştırmak yaygındır ve okunaklıdır. Eski boru hatlarında, CSV dışa aktarımlarında veya Unicode'u kötü normalleştiren araçlarda © ve € yolu daha iyi sürdürür. Aynı klasörde anlaşmasız stil karıştırmayın: biri yapıştırılmış ©, diğeri © olan dosyalar inceleme farklarını karıştırır. Charset oturumu (kursta ileride) kodlamayı derinleştirir; burada pratik nokta basittir — varlıklar ve UTF-8 düşman değildir; aynı glife farklı taşınabilirlik ödünleşmeleriyle giden iki yoldur.
Düzenleyicinizde alıştırma
©ve geçerli yılla bir altbilgi satırı yazın.€veya£kullanan bir fiyat ekleyin.- Ardından
™gelen bir ürün adı ekleyin. - İsteğe bağlı:
→veya→ile kısa bir “sonraki” ipucu ekleyin. - Sayfayı açın ve sembollerin çizildiğini doğrulayın.
;kaldırarak bir varlığı bozun, yenileyin, sonra düzeltin.
Bu adımlar döngüyü kapatır: yazmak, çizmek ve bilerek hata çıkarmak. 6. adım noktalı virgül kuralını yalnızca okumaktan daha iyi yerleştirir. Bir mağaza mini projesinde kalıbı üç yerde tekrarlayın: yasal altbilgi, fiyat kartı ve ™'li ürün adı. Refleks otomatik olana kadar her kaynak/ekran karşıtlığını zihnen not edin. İsteğe bağlı ok düzen olarak “çok şık” görünürse unutmayın: CSS konumlandırır; varlık yalnızca bir glif ister.
Kaçınılacak hatalar
- Sembol varlığında son
;unutmak - Gerçek bir fiyat satırında para birimi varlıklarını karıştırmak (
€ile£) - Ok varlıklarını CSS yerine tam sayfa düzen sistemi olarak kullanmak
- Her süslü sembolün kısa adlandırılmış bir varlığı olduğunu sanmak — bazıları sayısal başvuru veya yapıştırılmış UTF-8 ister
- Hiç varlık istemeyen sıradan harfleri kodlamak
Diğer kaymalar: varlıkların zaten glife dönüştüğü bir PDF'ten kopyalayıp Unicode'u bozan bir düzenleyicide yeniden açmak; yasal farkı bilmeden®ve™kullanmak (HTML glifi gösterir; marka kuralları ayrı konudur); bir düğme veya CSS bağlantısı daha netken gezinmeye→okları saçmak. Tipografide daha az süs sembolü genellikle daha iyi okunur. Sembol varlıklarını gerçek işaretler için saklayın — telif, para birimi, ™ — düzeni CSS'e bırakın.
Özet
- Sayfadaki birçok sembol HTML varlıklarından gelir
©,®,™ve€gibi para birimi varlıklarıyla başlayın- Ad varken adlandırılmış varlıklar uzun sayısal kodlardan daha kolay hatırlanır
- Sayısal başvurular daha az yaygın karakterler için yedektir
- Varlıkları her zaman
;ile bitirin - Düzen için açık metin ve CSS tercih edin; sembol varlıklarını gerçek işaretler için kullanın
Bu altı satırı zihinsel kart olarak saklayın. Sonraki emoji ve charset oturumlarında aynı “kaynakta kod / ekranda glif” alışkanlığı yeniden çıkar — ama yasal ve para birimi çekirdeği şimdiden sağlam olmalıdır. Bir meslektaşa neden© 2026ve10€nun basit düzenleyicilerde güvenilir seçimler olduğunu açıklayabiliyorsanız, bu dersin özünü kavramışsınızdır. Telif / para / trade üçlüsü otomatik olana kadar pratik yapın.
🧠 Bilginizi Test Edin
Bilginizi Test Edin
Bu interaktif sınavla kendini test et ve konuyu ne kadar iyi anladığını gör
📝 Talimatlar
- Her soruyu dikkatle okuyun
- Her soru için en iyi cevabı seçin
- Quiz'i istediğiniz kadar tekrar alabilirsiniz
- İlerlemeniz üstte gösterilecek