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)

Bunlar da hoşunuza gidebilir...

3 Cevaplar

  1. Mehmet dedi ki:

    Elinize sağlık güzel bir anlatım ve paylaşım olmuş. Sıkıntı çektiğim konular arasındaydı çok teşekkürler.

  2. Eyüp dedi ki:

    Merhaba,

    güzel bir çalışma olmuş, sizin çalışmanızı ayrı bir index içinde yapıyorum çalışıyor fakat kendi çalışmama uygulayınca Türkçe karakter sorunu devam ediyor. Özellikler İ harfinde yaşıyorum Örneğin;

    İbrahim yazıyorum. tüm harfler sorunsuz büyüğe  dönüşür iken büyük (İ) harfi ı ya dönüşüyor.

    Notepad++ büyük İ yazıyorum kapatıp açınca  büyük İ harfi, büyük I ya dönüşüyor.

    Sorunu bir türlü çözemedim bir çok yöntem denedim Yardımınızı bekliyorum.

     

Bir Cevap Yazın