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

Question

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

Veuillez garder les réponses liées à des changements de syntaxe et ajouté/supprimé des éléments html.

Answer 1

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

La première est cohérent, défini erreur de manipulation. Comme vous le savez, HTML volontairement aux mesures de soutien à la soupe de tags", ou la possibilité d'écrire du code mal formé et de les corriger dans un document en cours de validité. Le problème est que les règles pour ce faire ne sont pas écrit nulle part. Lorsqu'un nouveau navigateur vendeur veut entrer sur le marché, ils ont juste à tester des documents mal formés dans différents navigateurs (en particulier IE) et renverser leur erreur de manipulation. S'ils ne le font pas, alors le nombre de pages ne s'affiche pas correctement (selon les estimations, environ 90% des pages sur le net comme étant au moins un peu mal formé).

Donc, HTML5 est de tenter de découvrir et de codifier cette erreur de manipulation, afin que les développeurs peuvent tous normaliser et de réduire considérablement le temps et l'argent nécessaires pour afficher des choses de manière cohérente. Ainsi, longtemps dans l'avenir, après que le HTML est décédée des suites d'un format de document, les historiens pouvez toujours lire nos documents, et d'avoir un complètement défini algorithme d'analyse aideront grandement.

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 à la langue qui sont actuellement (en HTML4) Flash ou JS basé sur hacks, comme <canvas>, <video>, et <audio>. Des choses utiles, comme le Stockage Local (un js accessible par un navigateur intégré dans la base de données sql pour stocker les informations au-delà de ce que les cookies peuvent contenir), de nouveaux types d'entrée tels que la date pour laquelle le navigateur peut exposer l'interface utilisateur facile (alors que nous n'avons pas à utiliser notre js calendrier basé sur la date de la cueillette), et un navigateur pris en charge de la validation du formulaire permettra de rendre le développement d'applications web beaucoup plus simple pour les développeurs, et de les rendre beaucoup plus rapide pour les utilisateurs (comme beaucoup de choses vont être pris en charge en mode natif, plutôt que piratés via javascript).

Il existe de nombreux petits efforts entrepris en HTML5, tels qu'une meilleure définition des rôles sémantiques pour les éléments existants (<strong> et <em> maintenant signifie réellement quelque chose de différent, et même <b> et <i> ont vague sémantique qui devrait bien fonctionner lors de l'analyse de l'héritage des documents) et l'ajout de nouveaux éléments utiles à la sémantique - <article>, <section>, <header>, <aside>, et <nav> devrait remplacer la majorité des <div>s sur une page web, ce qui rend vos pages un peu plus de sémantique, mais plus important encore, plus facile à lire. Pas plus douloureux de numérisation pour voir tout ce qu'aléatoire </div> , c'est la fermeture - à la place vous aurez un évident </header>ou </article>, faisant de la structure de votre document beaucoup plus intuitive.

Answer 2

De Wikipedia:

• De nouvelles règles d'analyse orientée vers le flexible d'analyse et de compatibilité
• De nouveaux éléments – section, de la vidéo, du progrès, de nav, un compteur de temps, de côté, toile
• De nouveaux attributs d'entrée – dates et horaires, email, url
• De nouveaux attributs – ping, charset, async
• Attributs globaux (qui peuvent être appliquées pour chaque élément) – id, tabindex, répétez
• Obsolète éléments ont chuté de centre de, la police, la grève

Answer 3

Vous aurez envie de vérifier ici pour le programme complet des diff. Mais il y a beaucoup de nouveaux éléments et attributs de l'élément. Certains éléments ont été supprimés et d'autres ont différentes sémantique de valeur qu'avant. Il y a aussi des Api définies, telles que l'utilisation de la toile, pour aider à construire la prochaine génération d'applications web et assurez-vous que les implémentations sont normalisés.

Answer 4

HTML5 introduit un certain nombre d'Api qui permettent de créer des applications Web. Ceux-ci peuvent être utilisées conjointement avec les nouveaux éléments introduits pour les applications:

* API for playing of video and audio which can be used with the new video and audio elements.
* An API that enables offline Web applications.
* An API that allows a Web application to register itself for certain protocols or media types.
* Editing API in combination with a new global contenteditable attribute.
* Drag & drop API in combination with a draggable attribute.
* API that exposes the history and allows pages to add to it to prevent breaking the back button. 

Answer 5

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

Aussi, veuillez noter que c'est "HTML 4", pas "HTML4". En effet, pour le HTML 5, les deux variantes sont utilisées, mais il existe une différence importante en ce sens. HTML 5 fait référence au nom de la spécification du W3C, alors que "HTML5" est le type de document de ces fichiers HTML avec un text/html type MIME qui suivent cette spécification. Il en va de même pour le XHTML 5 vs XHTML5.