HTML ve HTML5 sayfalarında aşağıdaki sebeplerden ötürü lang ve charset attribute‘lerini kullanmak faydalıdır;
Böylece hem SEO açısından hem de daha fazla insanın ve yazılımın ilgili sayfayı daha başarılı kullanabilmesi bakımından lang ve charset attribute‘lerini kullanmak önemlidir.
lang attribute Global Set içerisinde tanımlı olduğu için bir html sayfasındaki tüm elementlerde kullanılabilir. Örneğin;
[code language=”xml”]<p lang=’tr’>Merhaba Dünya!</p> <p lang=’en’>Hello World!</p> <p lang=’es’>Hola Mundo!</p>[/code]
Genellikle ise, html elementin kendisinde kullanılır, örneğin;
[code language=”xml”]<!doctype html> <html lang=’tr’> <head> <title>Merhaba Dünya</title> </head> <body> </body> </html>[/code]
Hatta, sayfaların ilgili dil’e göre ayrı stillendirilebilmesi bile mümkün, örneğin;
[code language=”css”]body { font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif; } :lang(tr) { color: red; } :lang(en) { color: blue; } :lang(ar) { color: green; font-family: ‘Traditional Arabic’, ‘Al Bayan’, serif; }[/code]
Böylece varsayılan yazı fontu Palatino Linotype olarak belirlendi, Türkçe sayfalarda yazı rengi red (kırmızı), İngilizce sayfalarda yazı rengi blue (mavi), Arapça sayfalarda yazı rengi green (yeşil) ve yazı fontu Traditional Arabic oldu.
Mutlaka html dokümanlarında character set’i tanımlamalıyız. Character Set‘i tanımlamak için charset attribute kullanmamız yeterli. charset attribute kullanmak için <head> element içerisine <meta> element eklememiz yeterli. Aşağıdaki iki farklı kullanım yöntemi de aynı şekilde çalışır, istediğimizi tercih edebiliriz;
[code language=”xml”]<head> <meta charset=’utf-8’ /> </head>[/code]
[code language=”xml”]<head> <meta http-equiv=’Content-Type’ content=’text/html; charset=utf-8’ /> </head>[/code]
Senior Software Engineer, @Microsoft
Ada ve Ege'nin babası ;)
Makale Adedi: 484