html5 giriş ve yeni özellikler

Şuan aktif olarak web sitelerinin %90 ında html4 kullanmaktayız, html5 tamamen yeni bir sürüm değil html4 üzerine bazı özelliklerin eklenmesi ile oluşmuş web dilidir.
html5 için html4 deki tüm kurallar geçerlidir.
Tabi her tarayıcı html5 e tam destek sağlamamaktadır, öncelikle tarayıcı durumlarına göz atalım

• En çok kullanın tarayıcı internet explorer 9 sürümünde desteklemektedir,ve bu sürüm henüz yaygın değildir, ie6 ie7 ve ie8 html5 desteklememektedir
• Firefox sürekli kendini güncellemesiyle html5 desteği sağlamaktadır
• Chrome tarayıcısıda html5 etiketlerini desteklemektedir.

html5 için ayrı bir editör veya farklı bir dosya türü gerekmemektedir. Eski sisteminize aynen devam edebilirsiniz , sadece yeni etiketler kullanacaksınız

html5 yeniliklerine geçecek olursak

1. <canvas>: Sayfada bir tuval alanı oluşturur. Tuvale çizim javascript ile yapılabilir. 
   Canvas çok farklı kullanılabilecek bir etikettir, ayrıca bir yazıda bahsedilecek
2. <audio>: Sayfaya ses oynatıcı bir modül ekler.
3. <video> : Video oynatıcı bir modül ekler.
4. <progress> : İşlem süreci göstergesi ekler.
5. <caption> : Başlık olarak düşünülen metinleri düzenler.
6. <header> : Sitenin başlık ve açıklama içeriğini alır.
7. <nav> : Menüleri ve bir takım zaruri işlevleri içine alır.
8. <footer> : Sitelerin en alt kısmını içine alır.
9. <section> : Sitelerin ana içerik kısmını içine alır.
10. <aside> : Ana içerikte ayrı yazılan kısımdır.
11. <article> : Makale, deneme tarzı yazıları kapsar.
12. <embed> : Dışarıdan eklenen componentler için kullanılır. (Örn : .swf uzantılı dosyalar)
13. <details> : Detay bilgisi içerir.
14. <summary> : Yazının başlığını belirler.
15. <time> : Tarih, saat verilerini kapsar.
16. <mark> : Yazı içerisinde özellikle üstünde durulan kelimeleri belirler.
17. <figcaption> : <figure> elementinin başlığını belirler.
18. <figure> : Çeşitli medya içeriği gruplarını belirler.
19. <hgroup> : Başlık grubunu belirtir. H1, H2 gibi başlık elementleri burada tanımlanabilir.
20. <datalist> : Düzenlenebilir elementlere otomatik tamamlama özelliği verilmesini sağlar.

Kaynak : http://tr.wikipedia.org/wiki/HTML5

HTML5 için örnekler 
http://www.queness.com/post/4105/13-amazing-examples-of-html5-and-css3 13 tane html5 ve css3 ile yapılmış uygulama
http://www.tripwiremagazine.com/2010/07/30-very-useful-html5-tutorials-techniques-and-examples-for-web-developers.html html5 ile yapılmış 30 uygulama