Informatique PRO

Différences HTML5

HTML5 est donc la nouvelle version HTML. Quelles sont les différences entre HTML5 et HTML4 ?

différences  HTML5Les principales nouveautés de l’ HTML5 sont la CSS3 ( nouvelle version de la CSS) ainsi que de nombreuses API javascript en plus.

Différences HTML 5 et HTML4

HTML 5 a une syntaxe HTML compatible avec les documents HTML 4 et XHTML1 publiés sur le Web, mais n’est pas compatible avec les caractéristiques SGML de HTML 4, telles que <em/content/. Les documents utilisant cette syntaxe « personnalisée » doivent être servis avec le type MIME text/html.

L’autre syntaxe qui peut être utilisée pour HTML 5 est XML. Cette syntaxe est compatible avec les documents et implémentations XHTML1

HTML 5 a introduit plusieurs nouveaux attributs dans divers éléments qui faisaient déjà partie de HTML 4 :

Les éléments a et area ont maintenant un attribut media en cohérence avec l’élément link.

Les éléments a et area ont un nouvel attribut appelé ping qui spécifie une liste d’URIs séparées par une espace qui doivent être épinglées quand l’hyperlien est suivi. Actuellement, le suivi de l’utilisateur est essentiellement effectué au moyen de redirections. Cet attribut permet à l’agent utilisateur d’informer les utilisateurs des URIs qui vont être épinglées, en plus de donner aux utilisateurs soucieux de confidentialité une manière de le désactiver.

L’élément area, par cohérence, a maintenant les attributs hreflang et rel.

L’élément base peut maintenant avoir un attribut target, aussi bien principalement par cohérence avec l’élément a que parce qu’il était déjà largement supporté. Aussi, l’attribut target pour les éléments a et area n’est-il plus désapprouvé, comme il est utile dans des applications Web, par exemple conjointement avec iframe.

L’attribut value pour l’élément li n’est plus désapprouvé, comme il n’est pas un attribut de présentation. Il en va de même pour l’attribut start de l’élément ol.

L’élément meta a maintenant un attribut charset, comme il était déjà supporté et qu’il fournit une façon plus sympathique de spécifier le codage des caractères du document.

Un nouvel attribut autofocus peut être spécifié dans les éléments input (sauf quand l’attribut type est hidden), select, textarea et button. Il fournit une manière déclarative de cibler un champ de contrôle de formulaire durant le chargement de la page. L’utilisation de cette caractéristique devrait augmenter l’expérience de l’utilisateur, comme ce dernier peut le désactiver s’il ne l’aime pas, par exemple.

Le nouvel attribut form des élements input, output, select, textarea, button et fieldset permet aux champs de contrôle d’être associés à plus d’un formulaire.

Les éléments input, button et form ont un nouvel attribut replace, qui affecte ce qui sera fait du document après qu’un formulaire a été soumis.

Les éléments form et select (ainsi que l’élément datalist) ont un attribut data, qui tient compte du préremplissage automatique des champs de contrôle de formulaire, dans le cas de form, ou du champ de contrôle de formulaire, dans le cas de select et de datalist, avec des données provenant du serveur.

Le nouvel attribut required s’applique à input (sauf quand l’attribut type est hidden, image ou un type de bouton tel que submit) et à textarea. Il indique que l’utilisateur doit renseigner une valeur afin de soumettre le formulaire.

Les éléments input et textarea ont un nouvel attribut appelé inputmode, qui laisse entendre à l’interface utilisateur quel genre de saisie est attendu.

Vous pouvez maintenant désactiver un fieldset entier en y utilisant l’attribut disabled. Ce n’était pas possible auparavant.

L’élément input a plusieurs nouveaux attributs pour spécifier des contraintes : autocomplete, min, max, pattern et step. Comme mentionné auparavant, il a aussi un nouvel attribut list, qui peut être utilisé avec les éléments datalist et select.

input et button ont aussi un nouvel attribut template, qui peut être utilisé pour des gabarits de répétition.

L’élément menu a trois nouveaux attributs : type, label et autosubmit. Ils permettent à l’élément de se transformer en un menu tel qu’il est trouvé dans des interfaces utilisateur typiques, ainsi que de pourvoir à des menus contextuels conjointement avec l’attribut global contextmenu.

L’élément style a un nouvel attribut scoped, qui peut être utilisé pour activer des feuilles de style portées. Les règles de style dans un tel élément style ne s’appliquent qu’à l’arborescence locale.

L’élément script a un nouvel attribut appelé async, qui influe sur le chargement et l’exécution du script.

L’élément html a un nouvel attribut appelé manifest, qui pointe une liste de cache d’application utilisée conjointement avec l’API pour des applications Web hors connexion.

L’élément link a un nouvel attribut appelé sizes. Il peut être utilisé conjointement avec la relation icon (définie au moyen de l’attribut rel) pour indiquer la taille de l’icône référencée.

L’élément ol a un nouvel attribut appelé reversed pour indiquer que la liste est en ordre décroissant quand il est présent.

L’élément iframe a deux nouveaux attributs appelés seamless et sandbox qui sont prévus pour du contenu en bac à sable, par exemple les commentaires de blog.

Plusieurs attributs de HTML 4 s’appliquent maintenant à tous les éléments de HTML5. Ils sont appelés attributs globaux : class, dir, id, lang, style, tabindex et title.

Nouveaux attributs globaux HTML5 :

L’attribut contenteditable indique que l’élement est une zone éditable. L’utilisateur peut en changer le contenu et manipuler le balisage.

L’attribut contextmenu peut être utilisé pour pointer un menu contextuel fourni par l’éditeur.

L’attribut draggable peut être utilisé conjointement avec la nouvelle API « glisser-déposer ».

L’attribut irrelevant indique qu’un élément n’est pas encore, ou n’est plus, pertinent.

Les attributs globaux ref, registrationmark et template sont complémentaires de la fonctionnalité de gabarit de données.

La collection d’attributs data-* définis par l’éditeur. Les éditeurs peuvent définir tous les attributs qu’ils veulent tant qu’ils les préfixent avec data- pour éviter des conflits avec de futures versions de HTML. La seule obligation pour ces attributs est qu’ils ne soient pas utilisés pour des extensions d’agent utilisateur.

Attributs de HTML 4 plus autorisés en HTML 5 :

S’ils ont besoin d’avoir un impact sur les agents utilisateurs pour des raisons de compatibilité, la manière dont ils devraient fonctionner dans ces scénarios est définie.

L’attribut accesskey dans a, area, button, input, label, legend et textarea.

Les attributs rev et charset dans link et a.

Les attributs shape et coords dans a.

L’attribut longdesc dans img et iframe.

L’attribut target dans link.

L’attribut nohref dans area.

L’attribut profile dans head.

L’attribut version dans html.

L’attribut name dans img, form et a (à la place, utilisez id).

L’attribut scheme dans meta.

Les attributs archive, classid, codebase, codetype, declare et standby dans object.

Les attributs valuetype et type dans param.

L’ attribut language dans script.

L’attribut summary dans table.

Les attributs axis et abbr dans td et th.

L’attribut scope dans td.

L’attribut headers dans th.

HTML 5 introduit un nombre d’APIs qui aident à la création d’applications Web. Celles-ci peuvent être utilisées avec les nouveaux éléments introduits pour les applications :

API de dessin en 2D qui peut être utilisée avec le nouvel élément canvas.

API pour lecture de vidéo et d’audio qui peut être utilisée avec les nouveaux éléments video et audio.

Stockage persistant. Le couple clé / valeur et une base de données SQL sont tous les deux supportés.

Une API qui active les applications Web hors connexion.

Une API qui permet à une application Web de s’enregistrer pour cerains protocoles ou types MIME.

Des API d’édition combinées au nouvel attribut global contenteditable.

API « glisser-déposer » combinées à l’attribut draggable.

API de réseau.

API qui affiche l’historique et permet aux pages d’y en ajouter pour prévenir la rupture du bouton précédent. (Cette API a les

Messagerie de documents multiples.

Événements envoyés par le serveur combinés au nouvel élément event-source.

API de notification pour alerter l’utilisateur d’une nouvelle information, telle que de nouveaux messages dans une application de courrier électronique.

Partager:
  • Twitter
  • Facebook
  • email
  • LinkedIn
messagerie, stockage

Voir aussi:

Actualités informatiquesDéveloppement informatique

Donnez votre avis !




Différences HTML5