HTML5

Qu'est-ce que HTML5 ?

HTML5 est le standard HTML de nouvelle génération.

HTML5 est la dernière version révisée de HTML. La norme a été complétée par le World Wide Web Consortium (W3C) en octobre 2014.

Comment le HTML5 a-t-il démarré ?

HTML5 est le résultat de la coopération entre le W3C et le WHATWG, qui fait référence au Web Hypertext Application Technology Working Group. .

Le WHATWG travaille sur les formulaires et applications Web, tandis que le W3C se concentre sur XHTML 2.0. En 2006, les deux parties décident de collaborer pour créer une nouvelle version du HTML.

Quelques nouvelles fonctionnalités intéressantes en HTML5 :

élément de toile pour le dessin

éléments vidéo et audio pour la lecture multimédia

natif Meilleure prise en charge du stockage hors ligne

Nouveaux éléments de contenu spéciaux, tels que l'article, le pied de page, l'en-tête, la navigation, la section

Nouveaux contrôles de formulaire, tels que le calendrier, la date, l'heure, l'e-mail, l'url, la recherche

Fonctionnalités HTML5

Fonctionnalités sémantiques (Classe : Sémantique)
HTML5 donne aux pages Web un meilleur sens et une meilleure structure. Des balises plus riches prendront en charge RDFa, les microdonnées et les microformats, créant ainsi un Web basé sur les données et plus précieux pour les programmes et les utilisateurs.
Fonctionnalité de stockage local (Classe : HORS LIGNE et STOCKAGE)
L'application Web développée sur la base de HTML5 a un temps de démarrage plus court et une vitesse de réseau plus rapide, tout cela grâce au cache de l'application HTML5 et à la fonction de stockage local. Base de données indexée (l'une des technologies les plus importantes pour le stockage local HTML5) et documentation API.
Fonctionnalités de compatibilité des appareils (Classe : ACCÈS AUX APPAREILS)
Depuis que la documentation API de la fonction de géolocalisation a été rendue publique, HTML5 a fourni aux développeurs d'applications Web des options d'optimisation plus fonctionnelles, apportant plus de fonctionnalités d'expérience. HTML5 fournit une interface ouverte sans précédent pour l'accès aux données et aux applications. Permet aux applications externes d'être directement connectées aux données contenues dans le navigateur, par exemple, la vidéo et l'audio peuvent être directement connectés aux microphones et aux caméras.
Fonctionnalités de connexion (Classe : CONNECTIVITÉ)
Une efficacité de connexion plus efficace permet un chat en temps réel basé sur des pages, une expérience de jeu Web plus rapide et une communication en ligne plus optimisée. HTML5 dispose d'une technologie de push de serveur plus efficace. Les événements envoyés par le serveur et les WebSockets sont deux des fonctionnalités qui peuvent nous aider à réaliser la fonction de « pousser » des données vers le client.
Fonctionnalités multimédia Web (Classe : MULTIMÉDIA)
Prend en charge les fonctions audio, vidéo et autres fonctions multimédia sur la page Web, complétant les propres applications, caméra et fonctions audio et vidéo du site Web.
Fonctionnalités tridimensionnelles, graphiques et effets spéciaux (Classe : 3D, graphiques et effets)
Basés sur les fonctions 3D de SVG, Canvas, WebGL et CSS3, les utilisateurs seront émerveillés par la 3D fonctions présentées dans le navigateur Effets visuels étonnants.
Fonctionnalités de performances et d'intégration (Classe : performances et intégration)
Aucun utilisateur n'attendra éternellement votre chargement - HTML5 aidera vos applications Web et vos sites Web à fonctionner plus rapidement dans divers environnements grâce à des technologies telles que XMLHttpRequest2 Work.
Fonctionnalités CSS3 (Classe : CSS3)
CSS3 fournit plus de styles et des effets plus forts sans sacrifier les performances et la structure sémantique. De plus, le format de police ouvert du Web (WOFF) offre également une plus grande flexibilité et un meilleur contrôle que la typographie Web précédente.
Modifier ce paragraphe Actuellement, il n'existe que deux façons de développer des applications HTML5 sur des appareils mobiles, soit en utilisant toute la syntaxe HTML5, soit en utilisant uniquement le moteur javascript.
La méthode de construction du moteur javascript permet de créer des jeux web mobiles. La couche d'interface étant très complexe, une boîte à outils d'interface utilisateur a été réservée à son utilisation.
Les applications mobiles purement HTML5 s'exécutent lentement et sont pleines d'erreurs, mais les résultats s'amélioreront après optimisation. Même si peu de gens sont disposés à procéder à une telle optimisation, vous pouvez toujours l’essayer.
Le plus grand avantage des applications mobiles HTML5 est qu'elles peuvent être déboguées et modifiées directement sur la page Web. Les développeurs d'applications natives devront peut-être consacrer beaucoup d'efforts pour obtenir l'effet HTML5 et répéter constamment le codage, le débogage et l'exécution. C'est un problème qui doit être résolu en premier.
Le portage HTML5 est très simple, mais il est supposé que tout le monde en fera une opération automatisée.

HTML5 <!DOCTYPE>

<!doctype> La déclaration doit être située sur la première ligne du document HTML5. à utiliser :

Améliorations HTML5

Nouveaux éléments

Nouveaux attributs

Prise en charge complète de CSS3

Vidéo et audio

Graphiques 2D/3D

Stockage local

Données SQL locales

Application Web

Multimédia HTML5

En utilisant HTML5, vous pouvez simplement lire des vidéos sur des pages Web (vidéo) et audio (audio).

HTML5 <video>

HTML5 <audio>

Application HTML5

En utilisant HTML5, vous pouvez simplement Développer des applications localement

Stockage de données locales

Accéder aux fichiers locaux

Données SQL locales

Références de cache

Travailleurs Javascript

XHTMLHttpRequest 2

Graphiques HTML5

En utilisant HTML5, vous pouvez simplement dessiner des graphiques :

Utilisez l'élément <canvas>

Utilisez SVG en ligne.

Utilisez la transformation CSS3 2D, la transformation CSS3 3D.

HTML5 utilisant CSS3

Nouveau sélecteur

Nouvel attribut

Animation

Conversion 2D/3D

Coins arrondis

Effet d'ombre

Polices téléchargeables

Pour plus de connaissances CSS3, veuillez consulter le tutoriel CSS3 sur ce site.

Prise en charge du navigateur HTML5

Les dernières versions de Safari, Chrome, Firefox et Opera prennent en charge certaines fonctionnalités HTML5. Internet Explorer 9 prendra en charge certaines fonctionnalités HTML5.

Avantages et inconvénients du HTML5

Avantages du HTML5

1. Améliorer la convivialité et les améliorations Expérience conviviale ;

2. De nouvelles balises aideront les développeurs à définir le contenu important

3. Peut apporter plus d'éléments multimédias (vidéo et audio) au site ; 4. Cela peut être une bonne alternative à FLASH et Silverlight ;

5. En matière d'exploration et d'indexation de sites Web, il est très convivial pour le référencement

6 , largement utilisé dans les applications mobiles ; et des jeux.

Inconvénients du HTML5 1. HTML5 lui-même est encore en développement Ce n'est pas le besoin le plus urgent pour les applications utilisateur, mais plutôt. une tentative des fabricants. Besoins stratégiques de changer le paysage écologique du logiciel.

2. La compatibilité du HTML5 est limitée par les performances des principaux navigateurs. Par exemple, il existe de nombreuses différences entre l'IE de Microsoft et Fireforx.

3. HTML5 nécessite un environnement de développement mature et complet, ce qui fait actuellement défaut.

4. Avec l'augmentation rapide des fonctions HTML5, le navigateur doit disposer d'un moteur graphique et d'un moteur de script efficaces.

5. HTML5 a besoin d'une application géniale pour attirer et guider les utilisateurs dans la mise à niveau de leurs navigateurs, et finalement achever le déploiement des terminaux HTML5.