HTML5'e gelen yenilikleri genel olarak aşağıdaki gibi listenelebilir :
- Yeni Element ve Yeni Attrubute'ler
- Form Değişiklikleri (Yeni Element ve Özellikler , Otomatik Doğrulama vb..)
- CSS3 Desteği (Animasyon , 2D/3D Dönüşüm, Rounded (Yuvalak) Köşe, Gölgeli Efekler, Download Edilebilir Font vb..)
- Semantic/Yapısal Web (Article , Section , Header , Footer , Menu, Navigasyon )
- Multimedia (Video and Audio)
- 2D/3D Grafik (Canvas , SVG ve CSS3 2D/3D Grafik)
- Web Storage (Client Bilgisayarında Veri Saklama) (Local Data Storage, Local Dosya Erişimi, Local SQL Veritabanı)
- Application Cache - Offline Web
- Javascript Workers
- Drag&Drop
- Geolocation API
- WebSocket , XHTMLHttpRequest 2
- Server-Sent Events (SSE)
- Web Uygulamaları Arası İletişim
HTML5 ile gelen elementler aşağıda listelenmiştir :
- Yapısal/Anlamsal(Semantic) Elementler
- section : Sayfa (döküman) veya article içinde farklı bölümler yaratmak için kullanılır
- header : Sayfa(döküman) veya section (bölüm) için header bilgilerini tanımlar.
- footer : Sayfa(döküman) veya Section (Bölümün) için footer bilgilerini tanımlar.
- hgroup : Bir bölüm içindeki başlıkları (h1-h6 elementlerini) tanımlamak için kullanılır
- article : Kendi başına bir bütün olan içerik bölümü.
- aside : Ana içeriğin dışında kalan bir bölüm yaratmak için kullanılır.
- nav : Döküman için navigasyon tanımları yapıldığı bölüm
- figure : Döküman içinde bir içerik birimi yaratmak için kullanılır. Örneğin bir resim-yazı dan oluşan (Figure-1,Figure-2 şeklinde tanımlanan) figürler.
- figcaption : figure içine başlık eklemek için kullanılır
- detail : Kullanıcının gerektiğinde gizleyebileceği veya görünür hale getirebileceği detay bilgi vermek için kullanılır
- summary : detail elementinde verilen içeriğin başlığı
- Grafik ve Multimedia Elementleri
- canvas : Bir çizim alanı oluşturmak için kullanılır. Çizim için script dili kullanılır.
- audio : Ses dosyası eklemek için kullanılır
- video : Video eklemek için kullanılır
- source : Birden fazla audio ve video elementi tanımlamak (tarayıcı en uygun olan kaynağı kullanacaktır) için kullanılır
- track : Ses ve video'larda yazı parçaları ilişkilendirmek için kullanılır
- embed : Plug-in içeriği eklemek için
- Form Elementleri
- datalist : input elementlerine ön tanımlı değerler vermek için kullanılır. Autocomplete (Otomatik Tamamlama) desteği ekler
- keygen : Bir formda key çifti (private-public) oluşturulmasını sağlar. Kullanıcı şifre girişlerinde güvenlik için kullanılır
- output : Bir form'da girilen değerlere göre script kullanılarak yapılan sonucun gösterilmesi için kullanılır
- Input Element'ine Eklenen Type (Tip) Listesi : tel, search, url, email, datetime, date, month, week , time, datetime-local , number, range, color
- Diğer Elementler
- wbr (Word Break) : , Tarayıcının uzun kelimeleri bölerek yeni satır yapabilmesi için kullanılır.
- mark : Yazı içerisinde özellikle üstünde durulan kelimeleri belirler.
- progress : İşlem süreci göstergesi eklemek için kullanılır
- meter : sayısal bir değerin ölçüsünü göstermek için kullanılıt
- command : Kullanının komut çağrıması için kullanılır. (düğme , radio button, check box)
- time : tarayıcıya zaman ile ilgili bilgi vermek amacıyla kullanılır
- bdi : (bidirectional) ana yazı yönünden farklı yönde yazı için kullanılır
- ruby , rt ve rp : Uzak doğu yazımı için kullanılır
HTML5'de desteklenmeyen elementler :
CSS ile aynı görev yapılabilmesinden dolayı desteklenmeyenler :
- basefont
- big
- center
- font
- strike
- tt
Kullanılabilirlik ve erişim sıkıntıları nedeniyle desteklenmeyenler :
Başka elementler aşağıdaki elementlerin görevlerini yapabildikleri için artık desteklenmeyenler :
- acronym (abbr kullanılabilir)
- applet (object kullanılabilir)
- dir (ul kullanılabilir)
- isindex
HTML5'de bir dökümanın en başında aşağıdaki gibi bir tanım eklenmelidir :
<!DOCTYPE html>
Not : HTML5 SGML temelli olmamasından dolayı herhangi bir DTD tanımı eklemeye gerek yoktur
