CSS Uppercase Türkçe Karakter Problemi

CSS Uppercase Türkçe Karakter Problemi, CSS kodlamasında bazen küçük harfler ile yazılmış olan paragraflar yada başlıkları büyük harfle gösterme ihtiyacı duyabiliriz fakat herhangi bir dil tanımı yapılmadığında direk olarak text-transform:uppercase; kullanımında türkçe karakter problemi ile karşılaşmanız olası bir durumdur.

CSS Uppercase Türkçe Karakter Problemi

CSS Uppercase Türkçe Karakter Problemi

Problem

Üstteki örnek kodumuzda gördüğünüz gibi Murat ÖNER Kimdir? yazısının text-transform: uppercase uygulandığında küçük olarak yazdığımız i karakterini sayfanın dilini belirtmediğinizde varsayılan dilini ingilizce olarak ayarladığından küçük i karakterinin büyüdüğündeki karşılığı haliyle I karakteri olmaktadır bu problemin çözümü oldukça basit global olarak bu sorunu çözmek için html başlangıç etiketinizi <html lang=”tr”> şeklinde değiştirerek tarayıcılara okuma aşamasında sayfanın dilinin türkçe olduğunu aktarmış oluruz ve böylelikle uppercase işlemini bu dile göre gerçekleştirmesiniz sağlayabiliriz.

Şimdi kodlara gözatalım.

HTML(index.html)

CSS(style.css)


Çözüm

Şimdi html etiketine lang özelliği aktarılmış şekilde yukarıda örneği revize edelim.

Gördüğünüz gibi html etiketine lang özelliği atadığımızda türkçe karakter sorunu giderilmiş oldu.

Şimdi kodlara gözatalım

HTML(index.html)

CSS(style.css)

4.4/5 - (7 votes)

Murat Öner sitesinden daha fazla şey keşfedin

Okumaya devam etmek ve tüm arşive erişim kazanmak için hemen abone olun.

Okumaya devam et