HTML 4 ve HTML5 arasındaki temel farklardan bahsedeceğim. World Wide Web Consortium (W3C), HTML5 için final sürümünü 28 Ekim 2014'te duyurdu. W3C HTML5 Recommendantion linkine tıklayak hepsini okuyabilirsiniz. Çok fazla detaya girmeden HTML 4'te kullanılan ama HTML 5'te desteklenmeyen veya değişen ve HTML5'e yeni gelen özellikleri yazacağım.
HTML5'e Gelen Yeni Elementler
| Etiket | Açıklama |
| <article> | Makale, yazı vb. alanı oluşturur. |
| <aside> | Sayfanın yanına içerik alanı oluşturur. |
| <audio> | Ses oynatıcı ekler. |
| <bdi> | Farklı yönden başlayan yazıları diğerlerinden ayırır. |
| <canvas> | Çizim alanı oluşturur. |
| <datalist> | Input kontrolleri için otomatik tamamlama özelliği ekler. |
| <details> | Kullanıcı için açıklamalar ekler. |
| <dialog> | Diyalog penceresi oluşturur. |
| <embed> | Harici uygulamaları yükler (plugin vb.) |
| <figcaption> | <figure> elementi için başlık oluşturur. |
| <figure> | Resim, çizim ve şema içeriklerini gösterir. |
| <footer> | Sayfanın en altındaki bölümdür. |
| <header> | Sayfanın ya da bölümün başlığını belirtir. |
| <keygen> | Formlar için anahtar çifti oluşturur. |
| <main> | Sayfanın ana içerik kısmıdır. |
| <mark> | Dikkat çekmek istenilen metinlerde kullanılır. |
| <menuitem> | Mouse'un sağ tıklama menüsüne yeni özellik ekler. |
| <meter> | Sayısal ölçümler için kullanılır. |
| <nav> | Nav menüsünü belirtir (üst menü). |
| <output> | Hesaplama sonucunu gösterir. |
| <progress> | İşlemin ilerleme durumunu gösterir. |
| <rp> | <ruby> elementini desteklemeyen tarayıcılarda içeriğin nasıl görüneceğini belirtir. |
| <rt> | <ruby> elementinde kullanılan karakterler için açıklama gösterir. |
| <ruby> | Ruby metinlerini tanımlar. |
| <section> | Sayfanın içerik kısmını gösterir. |
| <source> | <video> ve <audio> için kaynakları tanımlar. |
| <summary> | <details> elementi için başlık oluşturur. |
| <svg> | SVG grafiklerini tanımlar. |
| <time> | Tarih/saat oluşturur. |
| <track> | <video> ve <audio> elementleri için altyazı, başlık vb. yazılar ekler. |
| <video> | Video oynatıcı ekler. |
| <wbr> | Satır sonu ekler. |
HTML5'te Desteklenmeyen Elementler
| <acronym> | <applet> | <basefont> |
| <big> | <center> | <dir> |
| <font> | <frame> | <frameset> |
| <noframes> | <strike> | <tt> |
HTML5'te Değişen DOCTYPE Tanımlaması
HTML 4'te farklı DOCTYPE tanımlamaları vardır. Ancak HTML5'te kullanılan DOCTYPE tanımlaması aşağıdaki gibi daha kısa ve standarttır. Daha fazla bilgiyi DOCTYPE Nedir, Nerede ve Neden Kullanılır? başlıklı yazıda okuyabilirsiniz.
<!DOCTYPE html>
HTML5'te Değişen Karakter Kodlaması
HTML 4'teki karakter kodlamaları HTML5'te daha kısa şekilde tanımlanıyor.
HTML 4
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
HTML5
<meta charset="UTF-8">
HTML5'te Değişen style Etiketi ve type Özelliği Kullanımı
HTML5'te type özelliği tanımlanmak zorunda değildir. Daha fazla bilgiyi HTML 4 ve HTML5 style Etiketi ve type Özelliği Kullanımı başlıklı yazıda okuyabilirsiniz.
HTML 4
<style type="text/css">
css kodları
</style>
HTML5
<style>
css kodları
</style>
HTML5'te Değişen script Etiketi ve type Özelliği Kullanımı
HTML5'te type özelliği tanımlanmak zorunda değildir. Daha fazla bilgiyi HTML 4 ve HTML5 script Etiketi ve type Özelliği Kullanımı başlıklı yazıda okuyabilirsiniz.
HTML 4
<script type="text/javascript">
kodlar
</script>
HTML5
<script>
kodlar
</script>
HTML5 ile Gelen Yeni API'ler
| HTML Web Storage |
| HTML Geolocation |
| HTML Drag and Drop |
| HTML Application Cache |
| HTML Web Workers |
| HTML SSE |
Ana Sayfa
html 4 
Paylaş
Oyla