alexa  Menu
turkce karakter sorunu buyuk i harfi problemi

Türkçe karakter sorunu – büyük İ harfi problemi

  10.11.2018 ,   yorum yapılmadı ,   155 kez okundu.

Daha önce türkçe karakter sorunu ile ilgili paylaşımım olmuştu ve blog`da en çok okunan yazılardan bir tanesi de o. Bu durum aslında yeni başlayanlar için problemi bir konuydu eskiden. Ama zannımca artık bu sorunu aştık yeni gelişmelerle.

Genel olarak türkçe karakter sorunu yaşayanlar önceden paylaştığım konuya bakabilirler fakat ben bu yazımda sadece türkçedeki küçük “i” harfinin büyük “İ” harfine dönüşmesi (dönüşmemesi) problemine değinmek istiyorum. Şöyle ki, biliyorsunuz ingilizcede büyük “İ” harfi yok. Bu sebeple küçük “i” harfini css ile uppercase kullanarak büyüttüğünüzde karşımıza çıkan sonuç büyük “I” harfi.

Şimdi biraz araştırma yaparsanız göreceksiniz ki, bu sorunu gidermek için farklı yöntemler kullanılmış. Fonksiyonlarla dile göre kontroller sağlanarak “i” harfini replace metodu ile büyük “İ” harfine dönüştürme işlemi yapılmış.

Ben de aslında bir projemde bu sıkıntıyı yaşadım ve küçük bir araştırmayla bu sorunun daha kolay çözümünü farkettim. Örnek kodumuzu yazalım:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Başlık</title>
</head>
<style type="text/css">
	p {
		text-transform: uppercase;
	}
</style>
<body>


<p>iiiii</p>

</body>
</html>

<!--SONUÇ : IIIII-->

Şimdi bu sorunu çözmek için <html> etiketine lang attributunu ekleyelim:

<!DOCTYPE html>
<html lang="tr">
<head>
	<meta charset="utf-8">
	<title>Başlık</title>
</head>
<style type="text/css">
	p {
		text-transform: uppercase;
	}
</style>
<body>


<p>iiiii</p>

</body>
</html>

<!--SONUÇ : İİİİİ-->

Gördüğünüz gibi sorunumuz çözüldü. Şimdi yapmanız gereken eğer sayfalarınızda çoklu dil kullanıyorsanız dil kısaltmasını html etiketinde lang attirubutuna da eklemeniz olacaktır.

Uygulama için videoyu izleyebilirsiniz:

Bir Cevap Yazın


%d blogcu bunu beğendi: