Öneri ve Hata Raporu



Günün Sözü Asla yalnız yürümeyeceksin

oylama 3/5 yorum 0 yorum yazar Hakan Taşan tarih 25 Ağustos 2015

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
paylaş Paylaş
oylama yap Oyla

makale yorumları YORUMLAR

Bu makale için yorum yazılmamış