HTML5 Lang Ve Charset Attributes - Engin Polat

Trang chủ » Html Lang Tr » HTML5 Lang Ve Charset Attributes - Engin Polat

Có thể bạn quan tâm

Menu Programcıdan Programcıya
  • Windows
  • Unity3D
  • Web
  • Etkinliklerim
  • Arşiv
  • Hakkımda
  • Kitaplarım
  • Timeline
  • Rastgele

HTML5 lang ve charset attributes

Facebook Paylaş Twitter Paylaş LinkedIn Paylaş Github Üzerinden Katkıda Bulun 05 Mart 2016 Uyarı! Bu makale 0 gün önce yazıldı. Bazı parçaları zamana yenilmiş olabilir :) Eğer problem görürseniz lütfen Issues altına yorum bırakın..

HTML ve HTML5 sayfalarında aşağıdaki sebeplerden ötürü lang ve charset attribute‘lerini kullanmak faydalıdır;

  • Görme engellilerin kullandığı özel yazılım veya donanımlara gerekli dönüşümleri yapabilmesi için bilgi verir (Braille alfabesi)
  • Text-to-Speech (Metinden Yazıya) çeviri yapabilen yazılım veya donanımlara hangi dil setinin kullanılacağı konusunda bilgi verir
  • Daha sonra gerçekleştirilecek dil dönüşümü işlemleri için hangi dillerin desteklendiği konusunda bilgi verir

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]

  • Kategori:
  • Web (46)
  • Etiketler:
  • attribute (7)
  • body (6)
  • charset (3)
  • Color (11)
  • css (16)
  • css3 (9)
  • font-family (1)
  • head (7)
  • html (24)
  • html5 (18)
  • lang (2)
  • meta (3)
  • seo (4)
  • style (9)
  • text to speech (3)

İlgili diğer makaleler

  • Asp.Net Core web uygulamalarinda HTTPS adreslere yönlendirme
  • « MSP Webinar Serisi, Universal Windows Platform - MVVM ve Databinding, Mart 2016
  • Arşiv
  • ETU ACM Etkinliği Mart 2016 »
blog comments powered by Disqus LinkedIn Profil Twitter RSS enginpolat.tv Meetup Group Channel 9 Profil Hakkımda Engin Polat MVP Bana (engin[at]enginpolat[.]com) email ile ulaşın

Engin Polat hakkında

Senior Software Engineer, @Microsoft

Ada ve Ege'nin babası ;)

Seriler

  • Bu Kodda Ne Yanlış Var?
  • Kısa Sınavlar
  • Euler
  • Kategoriler
  • Etiketler

Kategoriler

  • Genel (11)
  • Programlama (50)
  • C# (178)
  • Web (46)
  • XNA (21)
  • Etkinlik (107)
  • Windows (46)
  • Proje Yönetimi (2)
  • Azure (16)
  • Unity3D (6)
  • Cordova (1)

Arşiv

  • Şubat 2018 (1)
  • Ocak 2018 (2)
  • Aralık 2017 (3)
  • Kasım 2017 (3)
  • Ekim 2017 (2)
  • Eylül 2017 (2)
  • Ağustos 2017 (2)
  • Temmuz 2017 (2)
  • Haziran 2017 (4)
  • Mayıs 2017 (4)
  • Nisan 2017 (5)
  • Mart 2017 (4)
  • Şubat 2017 (4)
  • Ocak 2017 (6)
  • Aralık 2016 (9)
  • Kasım 2016 (3)
  • Ekim 2016 (5)
  • Eylül 2016 (5)
  • Ağustos 2016 (3)
  • Temmuz 2016 (2)
  • Haziran 2016 (2)
  • Mayıs 2016 (6)
  • Nisan 2016 (7)
  • Mart 2016 (13)
  • Şubat 2016 (14)
  • Ocak 2016 (12)
  • Aralık 2015 (8)
  • Kasım 2015 (5)
  • Ekim 2015 (1)
  • Eylül 2015 (1)
  • Ağustos 2015 (1)
  • Temmuz 2015 (1)
  • Haziran 2015 (2)
  • Mayıs 2015 (4)
  • Nisan 2015 (4)
  • Mart 2015 (2)
  • Şubat 2015 (4)
  • Ocak 2015 (5)
  • Aralık 2014 (5)
  • Kasım 2014 (3)
  • Ekim 2014 (1)
  • Eylül 2014 (1)
  • Ağustos 2014 (3)
  • Temmuz 2014 (2)
  • Haziran 2014 (2)
  • Mayıs 2014 (5)
  • Nisan 2014 (2)
  • Mart 2014 (1)
  • Şubat 2014 (1)
  • Ocak 2014 (2)
  • Aralık 2013 (1)
  • Kasım 2013 (1)
  • Ekim 2013 (1)
  • Eylül 2013 (2)
  • Ağustos 2013 (6)
  • Temmuz 2013 (5)
  • Haziran 2013 (3)
  • Mayıs 2013 (5)
  • Nisan 2013 (4)
  • Mart 2013 (7)
  • Şubat 2013 (10)
  • Ocak 2013 (3)
  • Aralık 2012 (7)
  • Kasım 2012 (1)
  • Ekim 2012 (2)
  • Eylül 2012 (1)
  • Ağustos 2012 (2)
  • Temmuz 2012 (1)
  • Haziran 2012 (2)
  • Mayıs 2012 (2)
  • Nisan 2012 (3)
  • Mart 2012 (2)
  • Şubat 2012 (2)
  • Ocak 2012 (1)
  • Aralık 2011 (1)
  • Kasım 2011 (9)
  • Ekim 2011 (8)
  • Eylül 2011 (2)
  • Ağustos 2011 (7)
  • Temmuz 2011 (5)
  • Haziran 2011 (4)
  • Mayıs 2011 (3)
  • Nisan 2011 (1)
  • Mart 2011 (1)
  • Şubat 2011 (1)
  • Ocak 2011 (1)
  • Aralık 2010 (1)
  • Kasım 2010 (1)
  • Ekim 2010 (4)
  • Eylül 2010 (14)
  • Ağustos 2010 (8)
  • Temmuz 2010 (15)
  • Haziran 2010 (1)
  • Mayıs 2010 (2)
  • Nisan 2010 (2)
  • Mart 2010 (14)
  • Şubat 2010 (24)
  • Ocak 2010 (40)
  • Aralık 2009 (23)
  • Kasım 2009 (27)

İstatistik

Makale Adedi: 484Creative Commons Lisansı Yukarı Tüm hakları saklıdır © 2009 - 2022 Engin Polat (Bir programcının dünyası...)

Từ khóa » Html Lang Tr