Tanım: HTML'in 5. versiyonu. Şu anda (2012) henüz geliştirme veya taslak aşamasında (w3.org'da 2012 itibarıyla henüz taslak durumundadır ve çalışmalar daha uzun sürecek gibi gözükmektedir) olmasına rağmen tarayıcılar ve akıllı mobil cihazlar HTML 5'in bazı özelliklerini desteklemektedir. Web'i bir uygulama ortamına çevirme (cache , veritabanı desteği vb..) , güçlü multimedia(grafik,video,ses) desteği , semantik web desteği, çok farklı cihazlarda çalışabilme desteği gibi eklenen bir çok özellikten dolayı daha çok yeni bir platform olarak görülmektedir

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 : 

• frame
• frameset
• noframes

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

Aşağıda bir HTML5 sayfası için genel kod aşağıdaki gibidir : 

<!DOCTYPE html>
<html>
<head>
<title>Başlık</title>
</head>
<body>
İçerik
</body>
</html>

Bir HTML5 sayfası <!DOCTYPE html> ile başlamalıdır. Html , head, body elementleri genel yapıyı belirleyen elementlerdir

HTML5'in gelişmesi ile her türlü cihaz özel native (doğal) uygulamaların (sisteme uygun uygulamalar) geliştirilmesine gerek kalmayacaktır

HTML5'de Javascript , CSS gibi kodlarınızı korumanız (başkası tarafından kodun okunamaması, değiştirilememesi ve başka bir yerde kullanılamaması) mümkün değildir

HTML üzerinde 5. büyük değişikliği ve amacını açıklayan spesifikasyon (şartname veya belirtim). (İngilizce'dir)

HTML5'in HTML 4'ten farklı olan konuları inceleyen w3.org belgesi. (İngilizce'dir)

HTML5 hakkında bilgi ve örneklerin olduğu yazı ve açıklamalar(İngilizce'dir)

HTML5'e yeni eklenen özelliklerin örneklerini görmenizi sağlayan web sitesi

WHATWG (Web Hypertext Application Technology Working Group) grubunun HTML5 ile ilgili referans belgesi. Açıklamalar ve örnekler bulunmaktadır. (İngilizce)

Web uygulama geliştiricileri için spesifikasyon (belirtim)

Mobil cihazların HTML5 özelliklerinin destekleyip desteklemediği bir tablo şeklinde gösteren site

HTML5 , CSS3, SVG için tarayıcıların desteklerini tablo olarak gösteren site

IE 9 öncesi tarayıcılarda HTML5'in elementlerinin biçimlerinin çalışması için kullanılan bir javascript projesi. şeklinde sayfanın head bölümüne eklenerek kullanılır