10-10-2014 Saat: 19:07
HTML5 ve W3C’ü açıklamadan önce HTML nedir, bundan bahsetmekte fayda var. Hyper Text Markup Language kelimelerinin baş harflerinin kısaltması olan HTML, CERN'de müteahhit olarak çalışan Tim Berners-Lee tarafından 80'li yıllarda geliştirilmiş, 90'lı yıllarda ise adının tam olarak konduğu bir web standardıdır. Tim Berners-Lee aynı zamanda açılımı WorldWideWeb Consortium olan W3C'nin de kurucusudur. Bu kısım bizim için de oldukça önemli, çünkü W3C tüm web tarayıcılarındaki standardı belirleyen uluslararası bir organizasyon olarak karşımıza çıkmaktadır. Sadece betik bir dil olan HTML’in internet alemine yetersiz gelmesiyle geliştirilen CSS sayesinde web siteleri daha kullanışlı ve görsel bil hale getirildi.
HTML dilinin yayınlanmış ve yapım süreci devam eden yeni sürümü; HTML5’tir. 1997 yılından bu yana kullanılmakta olan HTML4 sürümünün üzerinde yapılan değişikliklerle ortaya çıkmıştır. Google Chrome ve Safari tarayıcıları üzerinde deneme sürecinin devam ettiği HTML5’i Internet Explorer, Mozilla Firefox ve Opera tarayıcıları kısmen desteklemektedir. Dünyada en çok kullanılan video paylaşım sitesi Youtube, misafirlerine HTML5 ile hizmet vermektedir. İşte HTML5 ile gelen yenilikler;
• <canvas>: Sayfada bir tuval alanı oluşturur. Tuvale çizim javascript ile yapılabilir.
• <audio>: Sayfaya ses oynatıcı bir modül ekler.
• <video> : Video oynatıcı bir modül ekler.
• <progress> : İşlem süreci göstergesi ekler.
• <caption> : Başlık olarak düşünülen metinleri düzenler.
• <header> : Sitenin başlık ve açıklama içeriğini alır.
• <nav> : Menüleri ve bir takım zaruri işlevleri içine alır.
• <footer> : Sitelerin en alt kısmını içine alır.
• <section> : Sitelerin ana içerik kısmını içine alır.
• <aside> : Ana içerikte ayrı yazılan kısımdır.
• <article> : Makale, deneme tarzı yazıları kapsar.
• <embed> : Dışarıdan eklenen componentler için kullanılır. (Örn : .swf uzantılı dosyalar.)
• <details> : Detay bilgisi içerir.
• <summary> : Yazının başlığını belirler.
• <time> : Tarih ve saat verilerini kapsar.
• <mark> : Yazı içerisinde özellikle üstünde durulan kelimeleri belirler.
• <figcaption> : <figure> elementinin başlığını belirler.
• <figure> : Çeşitli medya içeriği gruplarını belirler.
• <hgroup> : Başlık grubunu belirtir. H1, H2 gibi başlık elementleri burada tanımlanabilir.
• <datalist> : Düzenlenebilir elementlere otomatik tamamlama özelliği verilmesini sağlar.
HTML5in yazılımcılar için getirdiği en önemli özellik, Iphone/Windows Phone/Android vb işletim sistemi kurulu telefon ve tabletler ve farklı işletim sistemleri bulunan bilgisayarlarımızdan girdiğimiz web sitelerin kodlarını her bir işletim sistemi için ayrı ayrı yazma zorunluluğunu ortadan kaldırmasıdır.
Şimdi gelelim W3C Standartları’na.. Ziyaret ettiğimiz bazı web sitelerinin, farklı tarayıcılarda (Google Chrome, Firefox, Opera, Internet Explorer) eksik içerikli ya da farklı şekilde görülmesinin temelinde W3C standartlarına uygun olarak kodlanmaması yatmaktadır. Tim Berners-Lee’nin 1994 yılında kurduğu ve halen başkanlığını yaptığı kurum, web standartlarını dünya çapında belirleyerek hizmet veriyor.
Kısaca bir web sitesi oluştururken kullanmamız gereken sözlük HTML ve CSS iken, imla kılavuzu görevini uygulayan sistem W3C’dir. Şimdi W3C’nin önemini birkaç satırda özetleyelim.
Web sayfanızın Google gibi arama motorlarında ilk sıralarda yer almasında önemli bir faktördür. W3C standartlarına göre düzenlenmiş bir web site, arama motorları tarafından üst sıralarda yer alacaktır. Dünyada birçok farklı tarayıcının kullanılması durumunu göz önünde bulundurursak, web sitelerinde görsel bozuklukların olmasının önüne geçilmesi için önemli bir etmendir.
Kullanıcıların web sitelerine ulaşılabilirliğini arttıran W3C, bir bilgisayar, tablet ya da cep telefonu kullanıcısının her birinden aynı web siteye ulaşımını mümkün kılmaktadır.
www.validator.w3.org sitesine giriş yaptığınızda “Adress” kısmına bir web sitesinin adresini yazdıktan sonra “Check” ikonuna tıkladığınızda W3C standartlarına uyumunu görebilirsiniz.
HTML dilinin yayınlanmış ve yapım süreci devam eden yeni sürümü; HTML5’tir. 1997 yılından bu yana kullanılmakta olan HTML4 sürümünün üzerinde yapılan değişikliklerle ortaya çıkmıştır. Google Chrome ve Safari tarayıcıları üzerinde deneme sürecinin devam ettiği HTML5’i Internet Explorer, Mozilla Firefox ve Opera tarayıcıları kısmen desteklemektedir. Dünyada en çok kullanılan video paylaşım sitesi Youtube, misafirlerine HTML5 ile hizmet vermektedir. İşte HTML5 ile gelen yenilikler;
• <canvas>: Sayfada bir tuval alanı oluşturur. Tuvale çizim javascript ile yapılabilir.
• <audio>: Sayfaya ses oynatıcı bir modül ekler.
• <video> : Video oynatıcı bir modül ekler.
• <progress> : İşlem süreci göstergesi ekler.
• <caption> : Başlık olarak düşünülen metinleri düzenler.
• <header> : Sitenin başlık ve açıklama içeriğini alır.
• <nav> : Menüleri ve bir takım zaruri işlevleri içine alır.
• <footer> : Sitelerin en alt kısmını içine alır.
• <section> : Sitelerin ana içerik kısmını içine alır.
• <aside> : Ana içerikte ayrı yazılan kısımdır.
• <article> : Makale, deneme tarzı yazıları kapsar.
• <embed> : Dışarıdan eklenen componentler için kullanılır. (Örn : .swf uzantılı dosyalar.)
• <details> : Detay bilgisi içerir.
• <summary> : Yazının başlığını belirler.
• <time> : Tarih ve saat verilerini kapsar.
• <mark> : Yazı içerisinde özellikle üstünde durulan kelimeleri belirler.
• <figcaption> : <figure> elementinin başlığını belirler.
• <figure> : Çeşitli medya içeriği gruplarını belirler.
• <hgroup> : Başlık grubunu belirtir. H1, H2 gibi başlık elementleri burada tanımlanabilir.
• <datalist> : Düzenlenebilir elementlere otomatik tamamlama özelliği verilmesini sağlar.
HTML5in yazılımcılar için getirdiği en önemli özellik, Iphone/Windows Phone/Android vb işletim sistemi kurulu telefon ve tabletler ve farklı işletim sistemleri bulunan bilgisayarlarımızdan girdiğimiz web sitelerin kodlarını her bir işletim sistemi için ayrı ayrı yazma zorunluluğunu ortadan kaldırmasıdır.
Şimdi gelelim W3C Standartları’na.. Ziyaret ettiğimiz bazı web sitelerinin, farklı tarayıcılarda (Google Chrome, Firefox, Opera, Internet Explorer) eksik içerikli ya da farklı şekilde görülmesinin temelinde W3C standartlarına uygun olarak kodlanmaması yatmaktadır. Tim Berners-Lee’nin 1994 yılında kurduğu ve halen başkanlığını yaptığı kurum, web standartlarını dünya çapında belirleyerek hizmet veriyor.
Kısaca bir web sitesi oluştururken kullanmamız gereken sözlük HTML ve CSS iken, imla kılavuzu görevini uygulayan sistem W3C’dir. Şimdi W3C’nin önemini birkaç satırda özetleyelim.
Web sayfanızın Google gibi arama motorlarında ilk sıralarda yer almasında önemli bir faktördür. W3C standartlarına göre düzenlenmiş bir web site, arama motorları tarafından üst sıralarda yer alacaktır. Dünyada birçok farklı tarayıcının kullanılması durumunu göz önünde bulundurursak, web sitelerinde görsel bozuklukların olmasının önüne geçilmesi için önemli bir etmendir.
Kullanıcıların web sitelerine ulaşılabilirliğini arttıran W3C, bir bilgisayar, tablet ya da cep telefonu kullanıcısının her birinden aynı web siteye ulaşımını mümkün kılmaktadır.
www.validator.w3.org sitesine giriş yaptığınızda “Adress” kısmına bir web sitesinin adresini yazdıktan sonra “Check” ikonuna tıkladığınızda W3C standartlarına uyumunu görebilirsiniz.