HTML 5, HTML'nin Yeni Bir Sürümüdür
HTML 5, HTML spesifikasyonuna çok sayıda yeni özellik ekler. Ve daha da iyisi, bu yeni özellikler için zaten bazı sınırlı tarayıcı desteği var. İlgilendiğiniz bir özellik varsa, belirtimin çeşitli bölümlerini destekleyen tarayıcılarla ilgili bilgi için WHATWG Wiki Uygulamalarına bakın.
HTML 5 Yeni Doctype ve Charset
HTML 5 ile ilgili güzel şey, itmenin ne kadar kolay olduğu. Çok basit ve akıcı olan HTML 5 doktrinini kullanırsınız:
Evet, bu o. Sadece iki kelime "doctype" ve "html". Bu basit olabilir, çünkü HTML 5 artık SGML'nin bir parçası değil, bunun yerine kendi başına bir biçimlendirme dili .
HTML 5 için karakter kümesi de aynı şekilde düzenlenmiştir. UTF-8 kullanır ve bunu sadece bir meta etiketi ile tanımlarsınız:
HTML 5 Yeni Yapı
HTML 5, Web sayfalarının, kitapların yapısı veya diğer XML belgeleri gibi bir yapıda olduğunu kabul eder. Genel olarak, Web sayfalarında gezinme, gövde içeriği ve kenar çubuğu içeriği, üstbilgi, altbilgi ve diğer özellikler bulunur. Ve HTML 5, sayfanın bu öğelerini desteklemek için etiketler oluşturdu.
- - sayfaların bölümlerini tanımlamak
- - sayfanın başlığını tanımlar
- - sayfanın altbilgisini tanımlar
- - Sayfadaki gezinmeyi tanımlar
- - Bir sayfadaki makaleyi veya birincil içeriği tanımlar
- - Bir sayfadaki kenar çubuğu gibi ekstra içeriği tanımlar
- - Bir makaleye açıklama ekleyen görüntüleri tanımlar
HTML 5 Yeni Satır Öğeleri
Bu satır içi öğeler , bazı temel kavramları tanımlar ve bunları çoğunlukla zamanla yapmak için semantik olarak işaretlenmiş halde tutar:
- - Bazı modalarla işaretlenmiş içerikleri belirtmek için
- - Bir zaman veya tarih olan içeriği belirtmek için
- - Bilinen bir aralığın bir parçası olan içeriği belirtmek için - disk kullanımı gibi
- - tamamlanma yönünde bir görevin ilerlemesini göstermek
HTML 5 Yeni Dinamik Sayfa Desteği
HTML 5, Web uygulama geliştiricilerine yardımcı olmak için geliştirilmiştir, bu nedenle dinamik HTML sayfaları oluşturmayı kolaylaştırmak için birçok yeni özellik vardır:
- Bağlam menüleri - HTML 5, Web sayfalarında ve uygulamalarında içerik menülerinin oluşturulmasını ve kullanılmasını destekleyecektir.
- etiket üzerinde href gerekli değildir - bu, bir etiketin betiklerle ve Web uygulamalarında bu bağlantıyı göndermek için bir yere gerek kalmadan kullanmanıza izin verir
- async özniteliği - Bu, betiğin etiketin eşzamansız olarak yüklenmesi gerektiğini, böylece sayfanın geri kalanının yüklenmesini ve görüntülenmesini yavaşlatmamasını sağlamak için komut dosyasına eklenir.
- - Bir eleman hakkında detaylar sağlar. Bu, Web dışı uygulamalarda araç ipuçları gibidir.
- - Bir veritabanından veya başka bir dinamik kaynaktan oluşturulan bir tablo oluşturur
- - Web sayfalarınızda bir menü sistemi oluşturmanıza izin veren eski bir etiket geri getirildi ve yeni bir hayat verdi
- - Dinamik bir eleman aktive olduğunda yapılması gerekenleri tanımlar.
HTML 5 Yeni Form Türleri
HTML 5, tüm standart form giriş türlerini destekler, ancak birkaç tane daha ekler:
- datetime
- datetime-yerel
- tarih
- ay
- hafta
- zaman
- numara
- menzil
- E-posta
- url
HTML 5 Yeni Öğeler
HTML 5'te birkaç heyecan verici yeni öğe var:
- - Web sayfalarınızda JavaScript'te bir çizim alanı sağlamak için bir öğe. Araç ipuçlarına görüntü veya grafik ekleyebilir veya Web sayfalarınızda anında oluşturulmuş dyanmik grafikler oluşturabilir.
- - Bu basit etiketle Web sayfalarınıza video ekleyin.
- - Bu basit etiketle Web sayfalarınıza ses ekleyin.
HTML 5 Bazı Öğeleri Kaldırır
HTML 4'te artık HTML 5 tarafından desteklenmeyecek bazı öğeler de vardır. Çoğu zaten kullanımdan kaldırılmıştır ve bu yüzden şaşırtıcı olmamalı, ancak birkaç tanesi zor olabilir:
- kısaltması
- uygulaması
- basefont
- büyük
- merkez
- dir
- yazı tipi
- çerçeve
- çerçeve kümesi
- isindex
- noframes
- noscript
- s
- vuruş
- tt
- u
HTML 5 için Hazır mısınız?
HTML 5, Web sayfalarına ve Web tasarımına birçok yeni özellik ekliyor ve daha fazla tarayıcı desteklediğinde heyecan verici olacak. Microsoft, IE 8'de en azından HTML 5 bölümlerini desteklemeye başlayacağını belirtmiştir. Daha erken başlamak isterseniz, Opera, Safari'nin en iyi desteği ile en iyi desteği almıştır.