HTML4 ve HTML5 taslağı arasındaki temel farklar nelerdir ?

Lütfen değiştirilen sözdizimi ve eklenen / çıkarılan html öğeleriyle ilgili yanıtları saklayın.

HTML5, onu HTML4'ten ayıran birkaç hedefe sahiptir.

Yanlış Biçimlendirilmiş Belgeleri Ele Almada Tutarlılık

Birincisi tutarlı, tanımlanmış hata işlemedir . Bildiğiniz gibi, HTML kasıtlı olarak 'etiket çorbası'nı veya hatalı biçimlendirilmiş kod yazma ve geçerli bir belgeye düzeltilmesini sağlama yeteneğini destekler. Sorun şu ki, bunu yapmanın kuralları hiçbir yere yazılmıyor. Yeni bir tarayıcı satıcısı pazara girmek istediğinde, sadece çeşitli tarayıcılarda (özellikle IE) hatalı biçimlendirilmiş belgeleri test etmek ve hata işlemlerini tersine mühendislik yapmak zorundadır. Aksi takdirde, birçok sayfa düzgün görüntülenmez (tahminler, en azından bir şekilde hatalı biçimlendirilmiş olarak sayfaların yaklaşık% 90'ını ağa yerleştirir).

Bu nedenle, HTML5 bu hata işlemeyi keşfetmeye ve kodlamaya çalışıyor, böylece tarayıcı geliştiricileri, bir şeyleri tutarlı bir şekilde görüntülemek için gereken zamanı ve parayı standartlaştırabilir ve büyük ölçüde azaltabilir. Ayrıca, HTML bir belge biçimi olarak öldükten çok sonra uzun bir süre sonra, tarihçiler yine de belgelerimizi okumak isteyebilir ve tamamen tanımlanmış bir ayrıştırma algoritmasına sahip olmak buna büyük ölçüde yardımcı olacaktır.

Daha İyi Web Uygulama Özellikleri

HTML5'in ikincil amacı, tarayıcının HTML, CSS ve Javascript aracılığıyla bir uygulama platformu olma yeteneğini geliştirmektir. Birçok unsurları Flash veya gibi JS tabanlı kesmek, (HTML4 olarak) şu anda dile doğrudan eklenmiştir <canvas>, <video>ve <audio>. Yerel Depolama (çerezlerin tutabileceğinin ötesinde bilgileri depolamak için js erişimli, tarayıcıda yerleşik bir anahtar-değer veritabanı) gibi yararlı şeyler, tarayıcının kolay kullanıcı arayüzünü açığa çıkarabileceği tarih gibi yeni girdi türleri (böylece biz js tabanlı takvim tarih seçicilerimizi kullanmak zorunda değilsiniz) ve tarayıcı destekli form doğrulama, web uygulamaları geliştirmeyi geliştiriciler için çok daha basit hale getirecek ve kullanıcılar için çok daha hızlı hale getirecektir (çünkü birçok şey yerel olarak desteklenecektir, javascript ile hacklenmek yerine).

Geliştirilmiş Öğe Anlamları

HTML5'te, var olan öğeler için daha iyi tanımlanmış anlamsal roller ( <strong>ve <em>şimdi aslında farklı bir şey ifade ediyor ve hatta <b>ve <i>eski belgeleri ayrıştırırken iyi çalışması gereken belirsiz anlambilimlere sahip) ve yararlı olan yeni öğeler eklemek gibi birçok küçük çaba vardır. semantik - <article>, <section>, <header>, <aside>, ve <nav>çoğunluğu değiştirmelidir <div>daha da önemlisi, bir web sayfasında kullanılan s biraz daha anlamsal sayfalarınızı yapma ama, daha kolay okunması . Sadece rastgele neyin </div>kapandığını görmek için artık acı verici bir taramaya gerek yok - bunun yerine açık bir şekilde </header>veya </article>belgenizin yapısını çok daha sezgisel hale getireceksiniz .

Gönderen Vikipedi :

• Esnek ayrıştırma ve uyumluluğa yönelik yeni ayrıştırma kuralları
• Yeni öğeler - bölüm, video, ilerleme, gezinme, sayaç, zaman, kenara, tuval
• Yeni giriş özellikleri - tarihler ve saatler, e-posta, url
• Yeni özellikler - ping, karakter kümesi, zaman uyumsuz
• Global nitelikler (her eleman için uygulanabilir) - id, tabindex, tekrar
• Kullanımdan kaldırılan öğeler bırakıldı - merkez, yazı tipi, vuruş

HTML5, Web uygulamaları oluşturmaya yardımcı olan bir dizi API sunar. Bunlar, uygulamalar için sunulan yeni unsurlarla birlikte kullanılabilir:

• Yeni video ve ses öğeleriyle kullanılabilen video ve ses oynatmak için bir API.
• Çevrimdışı Web uygulamalarını etkinleştiren bir API.
• Bir Web uygulamasının belirli protokoller veya ortam türleri için kendisini kaydetmesine izin veren bir API.
• Yeni bir genel contenteditableözellik ile birlikte bir düzenleme API'si .
• Bir draggableöznitelikle birlikte bir sürükle ve bırak API'si .
• Geçmişi açığa çıkaran ve geri düğmesinin kırılmasını önlemek için sayfaların eklenmesine izin veren bir API.

Tüm farklar için HTML4: W3C Çalışma Grubu Notu 9 Aralık 2014'ten HTML5 Farklılıkları'na göz atmak isteyeceksiniz . Birçok yeni öğe ve öğe özelliği var. Bazı öğeler kaldırıldı ve diğerleri öncekinden farklı anlamsal değere sahip.

Yeni nesil web uygulamalarının oluşturulmasına yardımcı olmak ve uygulamaların standartlaştırıldığından emin olmak için tuval kullanımı gibi tanımlanmış API'ler de vardır.

Bu HTML5 öğeleri ve öznitelikleri listesi ilginizi çekebilir .

Ayrıca, bunun "HTML4" değil "HTML 4" olduğunu unutmayın. Aslında, HTML 5 için her iki varyant da kullanılır, ancak anlam açısından önemli bir fark vardır. HTML 5, W3C belirtiminin adını belirtirken "HTML5", text/htmlbu belirtimi izleyen MIME türüne sahip HTML dosyalarının belge türüdür . Aynısı XHTML 5 ve XHTML5 için de geçerlidir.

Şimdi W3c, sitelerinde resmi bir fark sunuyor:

http://www.w3.org/TR/html5-diff/

HTML 5, kodunuza çok fazla anlamsal değer katmanıza davet ediyor. Dahası, multimedya içeriğini yerleştirmek için yerel çözümler var.

Gerisi önemlidir, ancak sizi aynı şeyleri bir istemci programlama diliyle yapmaktan kurtaracak daha teknik bir şekerdir.

Kısacası html'ye göre çok daha basittir, uzun doctype kaldırılır ve ayrıca ortada ve font etiketi kaldırılır. Bu farkı blogumda da yanıtladım: http://ravisinghblog.in/key-difference-between-html-and-html-5/