Ç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
<**** http-equiv="content-type" content="text/html; charset=UTF-8">
HTML5
<**** 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
*********
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 Geo********
HTML Drag and Drop
HTML Application Cache
HTML Web Workers
HTML SSE
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
<**** http-equiv="content-type" content="text/html; charset=UTF-8">
HTML5
<**** 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
*********
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 Geo********
HTML Drag and Drop
HTML Application Cache
HTML Web Workers
HTML SSE
