1. Qu'est-ce que HTML5
Le prédécesseur du projet HTML 5 s'appelle Web Applications 1.0. Il a été proposé par WHATWG en 2004, puis accepté par le W3C en 2007 et établi. Nouvelle équipe de travail HTML. Le 22 janvier 2008, la première ébauche officielle a été publiée. WHATWG a déclaré que la spécification est toujours un travail en cours et nécessite de nombreuses années de travail acharné. Actuellement, Firefox, Google Chrome, Opera, Safari (version 4 et supérieure) et Internet Explorer 9 prennent en charge la technologie HTML5.
L'essence du HTML5 ne change pas complètement les spécifications de la version HTML4 précédente. Au lieu de cela, il a été conçu dès le début pour être compatible avec les normes précédentes et pour introduire de nouvelles technologies et de nouvelles spécifications développées par le. dernier WEB. Dans la nouvelle version de la norme.
2. Nouvelles fonctionnalités de HTML5
2.1 Ajouter des balises avec des significations spécifiques
Maintenant, pratiquement tous les sites sont un div + mise en page css. Presque tous les titres d'articles, le contenu, les introductions auxiliaires, etc. sont transportés par des conteneurs div. Lorsque les moteurs de recherche explorent le contenu d'une page, comme il n'y a pas de signification claire des conteneurs, ils ne peuvent que deviner si ces conteneurs de balises contiennent des titres d'articles ou du contenu d'articles, etc. La nouvelle norme HTML5 ajoute directement des balises HTML avec des significations spécifiques telles que : <article>, <footer>, <header>, <nav>, <section>
2.2 Nouvel ajout des types de formulaires plus intelligents
Les balises de formulaire précédentes n'étaient que de simples contraintes de type, telles que des zones de texte, des champs de texte, des listes déroulantes, etc. Les contrôles tels que la vérification des données des balises de formulaire qui sont étroitement intégrés à l'entreprise ne sont pas bien pris en charge. Ils sont essentiellement utilisés en conjonction avec des contrôles JS tiers. Cependant, ces tiers impliquent toujours un contrôle de version, une compatibilité avec le navigateur, un contrôle non standard et un contrôle de version. série de problèmes. Les formulaires intelligents sont ajoutés directement au standard HTML5, ce qui rend tout si simple, comme le calendrier, la date, l'heure, l'e-mail, l'URL, la recherche
2.3 Rendre les programmes Web plus indépendants et réduire la dépendance à l'égard des plug-ins tiers.
Dans la norme HTML5, l'audio, la vidéo, le canevas et d'autres technologies sont nativement pris en charge. Rendre les programmes WEB plus indépendants et mieux adaptés aux différentes formes de clients.
2.4 Meilleure prise en charge du stockage local hors ligne
HTML5 fournit deux nouvelles méthodes de stockage des données côté client :
localStorage - Stockage des données sans délai limit
sessionStorage - Stockage de données pour une session
2.5 Dessin bidimensionnel en temps réel HTML5, introduction du canevas
L'élément canevas de HTML5 utilise JavaScript pour dessiner des images sur la page Web. Et propose plusieurs façons de dessiner des chemins, des rectangles, des cercles, des personnages et d'ajouter des images.
2.6 JS prend en charge le multithreading
Le front-end peut effectuer des calculs à grande échelle sans affecter la mise à jour de l'interface utilisateur et l'interaction navigateur-utilisateur. Le multithreading ne peut être simulé que via setTimeout et autres. Dans la nouvelle norme, le nouvel objet HTML5 Web Worker dans JS prend en charge nativement le multithreading.
2.7 WebSockets simplifie les requêtes inter-domaines, les connexions longues et le transfert de données
WebSockets est une communication bidirectionnelle sur un (TCP ) technologie d'interface, type technologie PUSH. WebSocket est une fonction nouvellement introduite dans la spécification HTML5. Elle est utilisée pour résoudre le problème de la communication bidirectionnelle entre le navigateur et le serveur backend. Grâce à la technologie WebSocket, le backend peut transmettre des messages au front-end à tout moment pour garantir la sécurité. état unifié du front-end et du backend Dans le protocole HTTP sans état traditionnel, cela "ne peut pas être fait".
2.8 Meilleure gestion des exceptions
Le navigateur HTML5 (text/html) sera plus flexible dans la gestion de la syntaxe des erreurs. HTML5 est conçu pour que les anciens navigateurs puissent ignorer en toute sécurité le nouveau code HTML5. Comparé à HTML4.01, HTML5 fournit des règles complètes d'analyse, permettant à différents navigateurs de renvoyer exactement les mêmes résultats même lorsque des erreurs de syntaxe se produisent.
L'API de fichiers 2.9 facilite le téléchargement et la manipulation de fichiers
Parce que dans les projets, nous rencontrons souvent le besoin de contrôler les opérations locales dans les applications Web fichiers, mais dans le passé, certaines technologies client riches telles que Flash, ActiveX, Silverlight et d'autres technologies étaient utilisées. La nouvelle API de fichiers HTML5 fournie dans HTML5 permet d'utiliser facilement JS.
Dans le suivi, nous vous amènerons à avoir une compréhension plus approfondie du HTML5
section suivante