HTML5 Nedir? Farkları Nelerdir?
Web Yazılım

HTML5 Nedir? Farkları Nelerdir?

HTML5 nedir? farkları nelerdir?

HTML5 nedir, nasıl ortaya çıkmıştır:

Hyper Text Markup Language kelimelerinin kısaltması olan HTML Tim Berners Lee tarafından 1991 yılında CERN laboratuvarlarında ortaya çıkmıştır. Bu tarihi web´in doğum tarihi´de denilebilir. HTML5, internetin en önemli teknolojilerinden biri olan HTML‘in şu anlık son sürümüdür. HTML dili internetin ilk yılından beri kullanıcılara daha iyi bir internet deneyimi sunuyor. Kullanıcılar ve yazılımcılar için sonsuz öneme sahip olan bu dil deneyimini en üst seviyeye taşımak için artık HTML5 kullanılıyor. HTML5 yeni haliyle çok daha fazla fonksiyon sunduğu için mobil(tablet, ceptelefonu vb.) cihazlar için de büyük önem taşıyor. Kodlama yapısı açısından da yazılımcılara farklı avantajlar sunuyor. HTML5, HTML’in günümüz web teknolojilerinin ihtiyaçları göz önünde bulundurularak geliştirilmiş 5. versiyonudur. Internet Explorer, Firefox, Chrome ve Safari tarayıcılarının son sürümleri tarafından desteklenmektedir.

HTML5´i eski sürümüyle kıyasladığımızda:

-HTML5 detaylı işleme modelleri içerir.
-HTML5 HTML ve HTML4 ile uyumludur.
-HTML5 XML sintaksı kullanabilir.
-HTML5’in yeni özellikleri HTML, CSS, DOM ve JavaScript üzerine kuruludur.
-HTML5 çok platformlu mobil uygulamalar için potansiyel adaydır.
-HTML5 üçüncü parti yazılımlara ve eklentilere ihtiyaç duymadan multimedya ve grafik görüntüleri oynatabilir.
-HTML5 ses ve görüntü dosyaları için daha iyi bir destek sunar.
-HTML5’te JS GeoLocation API ile lokasyon belirlenebilir.
-HTML5’te Flash gibi üçüncü parti yazılımlara ihtiyaç yoktur.
-HTML5 cihazdan bağımsızdır.
-HTML5 çizim için canvas elemanına sahiptir.
-HTML5 standart yazım dilini ilerletir, geliştirir ve rasyonalize eder.
-HTML5 kompleks web uygulamaları için API’ler sunar.
-HTML5 detaylı parsing kuralları içerir ve hata yönetim sistemi daha iyidir.
-HTML5 yerel offline depolama için daha iyi bir destek sunar.

 

Peki HTML 5’le birlikte gelen yenilikler nelerdir?

1. Dil Kodlama Satırları Kısaldı

Kod fazlalığı yapan dil kodlama satırlarının farkına varan geliştiriciler HTML5 ile bu soruna çözüm bulmuşlar.
<meta charset=”UTF-8″/> kodu ile bu işlem artık daha kısa şekilde halledilebiliyor.

2. <video> etiketi

HTML5’le birlikte <video> koduyla HTML5 kullanılan web sitelerinde kullanıcılar rahatlıkla video oynatabilecek, bu videoların otomatik başlamasını veya tekrarlaması gibi özellikleri ekleyebilecekler. Youtube şuanda HTML5 için bu testi kullanıcılara açmış durumda. Bu adresten inceleyebilirsiniz: http://www.youtube.com/html5

3. <audio> etiketi

Video yeniliğinden farklı olarak <audio> koduyla ses dosyalarını HTML5 ile kodlanmış web sitelerinde kullanmanız mümkün.

4. <progress> etiketi

<progress> koduyla artık yapılan web sitesinde kullanıcılar sitedeki yükleme işlemlerinin yüklenme aşamasını rahatlıkla görebilecekler.

Örnek: 

5. <header> etiketi

Eski HTML sürümünde <div id=”header”> koduyla belirtilen header kısmı artık standart olarak <header> etiketiyle belirtilebilecek.

6. <footer> etiketi

Eski HTML sürümünde <div id=”footer”> koduyla belirlenen footer kısmı artık standart olarak <footer> etiketiyle belirtilebilecek.

7. <nav> etiketi

Eski HTML sürümünde <div id=”nav” > koduyla belirlenen footer kısmı artık standart olarak <nav> etiketiyle belirtilebilecek.

8. Web 2.0 Teknolojisine Uyumlu Formlar
Eski HTML sürümünde form oluşturmak için fazla seçeneğe sahip değildik. HTML5′ le birlikte web 2.0 teknolojisine uyumlu formları rahatlıkla oluşturmak mümkün. Oluşturulmak istenilen formlara renk ve tarih araçlarını kolaylıkla ekleyebiliyorsunuz.

9. Daha Kısa DOCTYPE
HTML5’in getirdiği yeniliklerden birisi de doctype için. HTML5 ile artık <!doctype html> yeterli olacak.

10. <canvas> etiketi
Uygulamalarında ve web sitelerinde 2 boyutlu çizim alanı ihtiyacı olanları düşünerek yaratılan <canvas> kodu, javascript ile kontrol edilen bir HTML5 kodu. <canvas> ile oluşturulmuş bazı örnekler aşağıdadır.