Web programlama dillerinin ana kodlama programı Html bugğne kadarki versiyonlarında biraz zayıf çok fazla işlevi olmayan bir kodlama dili olarak karşımızdaydı. Bu durum beraberinde Css, JavaScript gibi tamamlayıcı programlama dillerinin çıkmasınada sebep oldu. Namı değer world Wide Web (w3.org) Html ‘yi yepyeni özelliklere kavuşturmak için HTML 5 üzerinde çalıştıklarını duyurmuşlardı. Bir süredir konuşulan HTML 5 Firefox 3.5 ile birlikte kısmende olsa kullanılmaya başladı.
Yeni versiyonda <header> <footer> <nav> <canvas> <video> <audio> <progress> gibi karika yeni özellikler gelirken. Uzun zamandır yerini Css bırakmış olan <center>, <font> gibi özellikler kaldırılmış.
Yeni Kodların Bağzılarını inceliyelim :
<canvas> : Bence Html 5 ‘in en muhteşem özelliği. sayfada bir alan oluşturur ve bu alana Javascript yardımıyla bir programı html dosyanızın içine alabiliyorsunuz.
Örnek : canvaspaint.org (paint uygulaması)
Örnek : Inanılmaz bir 3D tetris oyunu
video : Bu tag ile video dosyalarınızı cağırıp zahmetsizce videolarınızı ziyaretcilerine izletebilirsiniz.
örnek için buraya tıklaynız.
audio : Müzik dosyalarınızı yayınlamak için player oluşturur.
header : Üst alan oluşturur. (Css ile uzun saatler alan ayarlamalardan kurtarır)
footer : Alt alan oluşturur
nav : Menu gibi kolonlar olurturur.
Geolocation : Ziyaretcinizin harita üzerindeki konumunu belirlemek için.
örnekler için buraya ve buraya bakabilirsiniz.
PostMessages : Tarayıcıya mesaj göndermenizi sağlar.
örnek için buraya tıklayınız.
Drag&Drop : Sürükle bırak özelliği.
örnek için buraya ve buraya tıklayınız.
Drag Anything : Sayfa içindeki elemetleri sürükleyip başka bir elementin içerisine koyabiliyoruz.
örnek için buraya tıklayınız.
Süper değilmi
Şimdi sıra kötü haberde ; malesef internet explorer Html 5 ‘i şimdilik desteklemiyor, Microsoftun bu tutmu sayesinde neredeyse bütün web proramcılarını İnternet Explorer ve Microsoft ‘tan nefret ettirdi. Html ‘i kullanmak için iki seçenek var ya Sadece Firefox, opera, safari tarayıcısına sahip internet kullanıcılarını hedefleyıp inernet Explorer ‘i görardı edeceğiz yada Microsof ‘tu bekleyip belki Internte Explorer 9 versiyonunda Html 5 desteği verir ilerleye umut edeceğiz. Yani kısacası bekleyeceğiz.
Html 5 ile ilgili yeri geldikçe makaleler yazıp nasıl kullanıldığı hakkındaki bilgilerimi sizlrle paylaşacağım fakat bu konuda daha çok bilgi alamak için aşağıdaki bağlantıları ziyaret edebilirsiniz.
- w3.org Html 5 Resmi Sitesi.
- Html 4 ve Html 5 arasındaki farklar.
- Html 5 Parametreleri.
- Html 5 Reference






















Sizlere HTML5 bazı özellikleri göstereyim
HTML5 video nazıl izlenir : http://html5demos.com/video
ve diğerleri için bu adres gidiniz http://html5demos.com/
HTML 5 ; HTML dilinin son sürümüdür. Mozilla Firefox ve Opera tarayıcılarının güncel sürümleri tarafından kısmen desteklenmektedir, Google Chrome ve Safari tarayıcılarının güncel sürümleri üzerinde, deneme aşamasında da olsa çok daha iyi bir şekilde çalışmaktadır. Günümüzde kullanılan HTML 4.1 sürümü, CSS desteğiyle ne kadar düzenli ve sağlam bir yapıda kodlanırsa kodlansın, yine de fazladan yazılan kodların işlevselliği bozduğu bilinmektedir. Bu yüzden HTML 5 bu ihtiyaçları karşılamak adına geliştirilmeye başlanmıştır. Vidyo paylaşım sitesi Yotube, deneme aşamasında HTML 5 i kullanıcılarına sunmaktadır. Yotube-TestTube üzerinden etkinleştirilebilir.
Yeni Elementler
* <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.