HTML5’in Yeni Web Standartlarını Getirmesi

HTML5’in Yeni Web Standartlarını Getirmesi

2012 Aralık ayında W3C(WWW Standartları) tarafından HTML5 dili web teknolojilerinin temeli olarak kabul gördü.Bunun üzerine HTML5’in uzun vadede gelişim süreci de hedeflendi.Yani uzun bir süre HTML5 sürümü olarak kullanılmaya devam edilecek.Haliyle buna bağlı olarak web dünyasında üretilen her teknoloji,alt yapı olarak HTML5’i baz almak zorunda olacak.Günümüzde HTML5 için onlarca Framework üretilmiştir ve hala üretilmeye devam etmektedir.Özellikle oyun sektöründe kullanılan oyun motorları,web tarafında HTML5’in destekleyeceği türde oyunları derlemektedir.Her geçen gün HTML için yeni yeni API’ler üretilmeye de devam etmektedir.Mobil dünyada da hibrit programlamanın temelini oluşturarak,web tabanlı mobil uygulamaların  üretilmesi için öncü olmuştur.

  • Hızlı ve Kolay Kodlama

HTML5 ile web sayfaları geliştirmek,çok daha kolay ve hızlıdır.Sebebi de şudur:HTML5’in önceki versiyonlarında web sayfasının yapısını kodlamaktan çok,web sayfasının her tarayıcıda sorunsuz  bir şekilde çalışabilmesi için ekstra kodlamalar yapılması gerekliydi.Bu hem vakit alan bir süreç hem de amatörler için içinden çıkılmaz çile dolu bir eziyetti.XHTML sürümü ile bu sorun aşılmaya çalışıldı ancak yine de yeterli verim alınamadı.Artık geliştiriciler bu tür sorunlarla uğraşmaktan kurtulup asıl işlerine yoğunlaşabiliyorlar.

  • Modern Yapısı

Bir yerde biri HTML5 dediğinde,aklımıza bir anda hemen JAVASCRİPT ve CSS3 gelmeli.Bu üçlü, modern web dünyasının taşıyıcı kolonlarıdır.Birbiriyle sorunsuz olarak çalışn bu üçlüyle daha hızlı,daha verimli,daha etkileşimli ve daha modern görünümlü tasarımlar yapılmaktadır.

  • Mobil Cihaz Desteği

Şüphesiz  ki HTML5’in en büyük kozu budur.Yaşadığımız çağ,mobilite çağı olarak adlandırılmaktadır.Mobil çağda artık  masa üstü bilgisayarlardan çok,çantada taşınabilir bilgisayarlar ve cepte taşınabilir akıllı telefonlar baz alınarak web teknolojileri geliştiriliyor.Mobil platformda Adobe Flash Player’in darbe yemesinden sonra HTML5 tekel olmuştur ve bu da mobil cihazların web tarayıcılarında HTML5’in standart bir dil olması gerektiği düşüncesini güçlendirmiştir.Ayrıca mobil cihazlar için üretilen web sayfaları,aynı zamanda masa üstü bilgisayarlarda da rahatlıkla çalışabilecek bir yapı haline gelmiştir.Hal böyle olunca geliştiriciler her iki platforma da ürün geliştirebilmenin rahatlığını HTML5 ile yaşamaktadır.

  • Tarayıcı Desteği

Az önce değindiğimiz gibi bir web geliştiricinin en büyük baş belası,tarayıcıların destek sorunudur.HTML5 ile bu sorun kökünden kalkmıştır.Ancak CSS3 ile stil ve efektleri tasarlarken hala tarayıcıların gazabına (özellikle de Microsoft Internet Explorer’in)uğramanız olasıdır.

  • Temiz Kodlama Sistemi

HTML5 daha basittir gereksiz kodlardan sizi arındırır.Aşağıdaki örneği inceleyin…

Deklarasyon tanımlamasında XHTML ile aşağıdaki gibi yapılır.

 

<!DOCTYPE html PUBLIC”-//W3C//DTD XHTML 1.0 Transitional//TR””http://www.w3.org/

TR/xhtml1/DTD/…”>

 

HTML5 ‘te ise sadece şöyledir:

 

<!DOCTYPE html>

 

Karakter seti tanımlarken XHTML:

<meta http-equiv=”Content-Type”content=”text/html;charset=utf-8 >

 

 

HTML5 te ise:

 

<meta charset=”UTF-8″>

Gördüğünüz gibi HTML5 daha sade ve anlaşılır yapıdadır.

  • Semantik Web ve Genişletilebilirlik

HTML5, genişletilebilir bir dil desteği ile gelmiştir.Aynı XML’de (XML etiketler yardımı ile veri transferinde kullanılan bir dil) olduğu gibi kendi etiketlerinizi oluşturmanızı sağlayabilir.Sunulan bu yapı ile semantik web dediğimiz kavramla bazı yeni etiketler gelmiştir.Bu eriketler ile SEO hedefi gözetilerek arama motorlarının daha iyi analiz edebileceği web sayfaları tasarlamak mümkün oldu.Mesela menü oluşturduğumuzda menüdeki başlıklar daha iyi analiz edilebilsin dersek;Navigation kelimesinden türetilmiş olan <nav></nav> etiketleri kullanılır.<datatime> ile verinin ne zaman girildiği belirtilebilir ki ,arama motorları tarafından inanılmaz derecede önemli bir değerdir.

  • Daha İyi Veri Girişi

HTML5 ile yeni form elementleri gelmiştir.Bu form elementleri ,kendiliğinden veri doğrulama özelliği ile akıllı form elementleri haline gelmiştir.Eskiden veri doğrulama için yığınla JavaScript kodu yazmanız gerekirdi.Mesela bir metin kutusuna e-mail adresi girilmesi gerekiyorsa ,o metin içinde @ ve . işareti aranır.Nokta işaretinden sonra en az üç karakter bakılır.@ işaretinden önce ve sonra en az ikişer karakter kontrol ettirilir gibi … Şimdi ise bir web formuna yanlış veri girildiğinde,sayfa kendiliğinden uyarı verecektir.

  • Video ve Ses Desteği

Eskiden video ve ses gösterimi için Flash Player ile geliştirilmiş oynatıcılar kullanılıyordu.Şimdi ise web için ideal olan MP4  formatlı videoları  ,hiçbie eklenti gerektirmeden rahatlıkla tarayıcıda oynatabiliyoruz.Ek olarak,tarayıcıda varsayılan stilde kullanılan video oynatıcısı ,geliştiriciler kendileri yeniden dizayn edilebiliyor.

  • CSS3 ile Daha Zengin İçerikler Hazırlama İmkanı

CSS3’ün HTML5 ile birlikte kullanılmasıyla elementlere çeşitli efektler verilebiliyor.Gölge,döndürme,kaydırma animasyonları gibi şeyler…Çoğu web geliştiricisi Microsoft Silverlight (zaten öldü gömdük bile) ve yakın zamanda da web tarafında ölmeye yüz tutacak olan Adobe Flash Player’a gerek kalmadan çoğu animasyonu rahatlıkla oluşturabiliyor.Zaten web tarafında ,yeni nesil tasarım standartlarına göre karmaşık ve tarayıcıyı yoracak(doğal olarak bilgisayarın veya mobil cihazın CPU’sunu da yoracak)animasyonlardan kaçınılıyor.CSS3 de zaten basit türde animasyonlar için yeterlilikte.

  • Çevrimdışı Uygulama Yetenekleri

İnternet bağlantısının olmadığı durumlarda ön bellekten okunan veriler ile web sayfalarının eski halleri görüntülenebilir.Eğer içeriği değişmeyen yapılar varsa ,(daha önceden siteye girilmişse) bunlar da yerel disklerden okunarak ,web sayfalarının daha hızlı açılmaları sağlanabilir.Temel yapılar dışında da sadece gerekli olan güncel veriler çekilerek sunucu yükü azaltılabilir.Özellikle yoğun trafiğe sahip web sayfalarında mükemmel bir performans metodudur.

Ön bellekle veya çevrimdışı çalışma metodu,özellikle HTML5 ile hibrit mobi uygulama geliştirirken sıklıkla kullanılan bir metottur.

  • Doğal API’ler ile Güç Artışı

Buradaki doğal kavramı Natine olarak tanımlanmaktadır.Native demek de üzerinde çalışmış olduğu platform için en yakın dil ile hazırlanmış eklenti anlamına gelebilir.Yani daha performanslı ve daha erişilebilirdir.Böylelikle zamanla geliştirilen eklentiler,yani API’ler ile daha güçlü bir HTML5 dili elde edilir.Mesela HTML5 için Drag-Drop,Geolocation ,FullScreen ,Media Capture gibi bir çok API geliştirilmiştir.

  • Yerel Veri Depolama

Bir API olan yerel depolama ,Local Stroage  olarak anılmaktadır.HTML5’in geliştirmiş olduğu harika yeniliklerden biridir.Artık geliştiriciler web uygulamaları için bazı verileri yerel disk üzerinde daha güvenilir bir şekilde,daha çok veriyi daha performanslı veriler saklayabilir ve tekrar okuyabilir.Özellikle HTML ile oyun geliştirildiğinde verilerin depolanması için büyük önem arz eder.

  • Oyun Programlama

Canvas API sayesinDE HTML5’te 2D ve 3D olarak oyunların programlanması mümkün bir hale geldi.Bütün oyun motorları Canvas ve OpenGL platformları için oyunlarını derleyebilmektedir.Ek olarak,son zamanlarda JavaScript ile onlarca oyun programlama için Framework ‘u geliştirildi.

  • Mobil Uygulama Geliştirme

HTML5 ile mobil web sayfaları yapılabiliyorsa,neden mobik uygulamalar yapılmasın?

İşte bu soru bir çok girişimc, ve sektörü yeniden şekillendirmeyi amaçlayan pilot şirketler tarafından ele alındı ve artık günümüzde HTML5 ile arayüz programlamak için IDE (uygulama geliştirme araçları) ve Frework’ler  (hazır kod kütüphaneleri) üretildi.Bunun en bilinen örneği;Adobe firmasının üretmiş olduğu PhoneGap’tir.Bu IDE ile HTML5 ile web sayfası programlar gibi mobil uygulama programlanır.Mobil cihazların etkileşimlerine uyumlu olması için JQuery Mobile,Kendo UI ,Intel XDK ve buna benzer bir çok araç geliştirildi.Cihaz ile HTML5 iletişimi sağlamak için de bir ara katman geliştirildi ve bu katmanda da JavaScript kullanılarak cihazın bazı fonksiyonları kullanılmaya başlandı.

Artık neden HTML5 kullanmanız gerektiğine dair az çok bilgi sahibioldunuz sanırım.Şimdi de yavaş yavaş HTML ile web sayfaları geliştirmeye başlayabiliriz.

 

 

 

 

 

 

 

 

 

 

 

 

 

Share this post

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir