Quelle est la principale différence entre HTML 4 et HTML 5?

Question

Quelles sont les principales différences entre HTML4 et brouillon HTML5 ?

Veuillez conserver les réponses concernant la syntaxe modifiée et les éléments HTML ajoutés / supprimés.

Answer 1

HTML5 a plusieurs objectifs qui le différencient de HTML4.

Cohérence dans la gestion des documents mal formés

Le principal est la gestion des erreurs définie et cohérente . Comme vous le savez, HTML supporte à dessein "tag soupe", ou la possibilité d'écrire du code mal formé et de le corriger dans un document valide. Le problème est que les règles pour le faire ne sont écrites nulle part. Lorsqu'un nouveau fournisseur de navigateurs souhaite entrer sur le marché, il lui suffit de tester des documents malformés dans différents navigateurs (notamment IE) et de procéder à un reverse-engineering et de gérer leur gestion des erreurs. Si ce n’est pas le cas, de nombreuses pages ne s'afficheront pas correctement (selon les estimations, environ 90% des pages du réseau sont au moins légèrement mal formées).

Donc, HTML5 tente de découvrir et de codifier cette gestion des erreurs, afin que les développeurs de navigateurs puissent tous normaliser et réduire considérablement le temps et l’argent nécessaires pour afficher les éléments de manière cohérente. De plus, longtemps après que HTML soit mort comme format de document, les historiens voudront peut-être toujours lire nos documents et disposer d'un algorithme d'analyse complètement défini y contribuera grandement.

Meilleures fonctionnalités des applications Web

L'objectif secondaire de HTML5 est de développer la capacité du navigateur à être une plate-forme d'application, via HTML, CSS et Javascript. De nombreux éléments ont été ajoutés directement au langage qui sont actuellement (au format HTML4) des hacks Flash ou JS, tels que <canvas>, <video> et <audio>. Des objets utiles tels que le stockage local (base de données clé-valeur intégrée au navigateur accessible par js, pour stocker des informations au-delà de ce que les cookies peuvent contenir), les nouveaux types de saisie tels que la date à laquelle le navigateur peut afficher une interface utilisateur facile pas besoin d’utiliser nos sélecteurs de calendrier basés sur js), et la validation de formulaire supportée par le navigateur simplifiera considérablement le développement d’applications Web pour les développeurs et les rendra beaucoup plus rapides pour les utilisateurs (car de nombreux éléments seront supportés de manière native, plutôt que piraté via javascript).

Sémantique d'élément améliorée

De nombreux autres efforts plus modestes sont en cours dans HTML5, tels que des rôles sémantiques mieux définis pour les éléments existants (<strong> et <em> ont désormais une signification différente, et même <b> et <i> ont une sémantique vague cela devrait bien fonctionner lors de l'analyse de documents existants) et l'ajout de nouveaux éléments dotés d'une sémantique utile - <article>, <section>, <header>, <aside> et <nav> devraient remplacer la majorité des <div> s utilisés sur un site Web. page, ce qui rend vos pages un peu plus sémantiques, mais plus important encore, plus facile à lire . Finies les analyses pénibles pour voir exactement ce que </div> se ferme de manière aléatoire. Vous obtiendrez au contraire une </header> évidence, ou </article> rendant la structure de votre document beaucoup plus intuitive.

Answer 2

De Wikipedia :

• Nouvelles règles d'analyse orientées vers une analyse et une compatibilité souples
• Nouveaux éléments & # 8211; section, vidéo, progrès, navigation, mètre, temps, côté, toile
• Nouveaux attributs d'entrée & # 8211; dates et heures, email, url
• Nouveaux attributs & # 8211; ping, charset, async
• Attributs globaux (pouvant être appliqués à chaque élément) & # 8211; id, tabindex, repete
• Éléments obsolètes abandonnés & # 8211; centre, police, grève

Answer 3

Vérifiez les différences HTML5 par rapport à HTML4: note du groupe de travail du W3C le 9 décembre 2014. pour les différences complètes. Il y a beaucoup de nouveaux éléments et attributs d'élément. Certains éléments ont été supprimés et d’autres ont une valeur sémantique différente de celle d’avant.

Des API, telles que l'utilisation de la toile, ont également été définies pour vous aider à créer la prochaine génération d'applications Web et à vous assurer que les implémentations sont normalisées.

Answer 4

HTML5 introduit un certain nombre d'API facilitant la création d'applications Web. Ceux-ci peuvent être utilisés avec les nouveaux éléments introduits pour les applications:

• Une API de lecture vidéo et audio pouvant être utilisée avec les nouveaux éléments vidéo et audio.
• Une API qui active les applications Web hors connexion.
• API permettant à une application Web de s'inscrire pour certains protocoles ou types de supports.
• Une API d'édition associée à un nouvel attribut global contenteditable.
• un glisser & amp; drop API en combinaison avec un draggable attribut.
• Une API qui expose l'historique et permet aux pages de l'ajouter pour éviter de casser le bouton Précédent.

Answer 5

Vous pourriez être intéressé par cette liste de éléments et attributs HTML5 .

Notez également qu'il s'agit de & "HTML 4 &", et non de & "HTML4 &". En effet, pour HTML 5, les deux variantes sont utilisées, mais il existe une différence de sens importante. HTML 5 fait référence au nom de la spécification W3C, alors que & Quot; HTML5 & Quot; est le type de document de ces fichiers HTML avec un type text/html MIME qui suit cette spécification. Il en va de même pour XHTML 5 par rapport à XHTML5.

Answer 6

Maintenant, W3c fournit une différence officielle sur son site:

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

Answer 7

HTML 5 vous invite à ajouter beaucoup de valeur sémantique à votre code. De plus, il existe une solution native pour intégrer du contenu multimédia.

Le reste est important, mais c'est un sucre plus technique qui vous évitera de faire la même chose avec un langage de programmation client.

Answer 8

En bref, il est beaucoup plus simple que le HTML, le type de docte long est supprimé ainsi que la balise center et font. J'ai aussi répondu à cette différence sur mon blog: http://ravisinghblog.in/key-difference-between-html- et-html-5 /