Peu de temps après, HTML5 a commencé à attirer de plus en plus l'attention du public. Même si le W3C a déclaré qu'il restait encore un long chemin à parcourir avant sa maturité finale, cela n'empêche pas les gens de l'anticiper. En 2007, HTML5 a évolué vers la norme W3C. La mission de HTML5 est de localiser des applications Web riches et de s'affranchir des entraves des plug-ins de navigateur. Le W3C a lancé la première version de HTML5 en janvier 2008, et la mise en œuvre complète de la norme HTML5 pourrait ne pas avoir lieu avant 2022, voire plus tard.
Qu'est-ce que HTML5
HTML5 est une autre version importante après HTML4.01, XHTML 1.0 et DOM 2 HTML, visant à éliminer la dépendance des programmes Internet riches (RIA) vis-à-vis des plug-ins de navigateur tels que Flash, Silverlight et JavaFX.
Résumé HTML5
HTML5 apporte de nombreuses nouvelles fonctionnalités et modifications dans le code HTML. Vous devez utiliser certains scripts API spécifiques, tels que :
DOMAINE
Objet Canvas qui implémente le dessin 2D
Lecture multimédia contrôlable
Stockage hors ligne
Édition de documents
glisser-déposer
Messages inter-documents
Gestion de l'historique du navigateur
Enregistrement du type et du protocole MIME
Les navigateurs prenant en charge HTML5 doivent être plus flexibles dans la gestion des erreurs de code HTML, tandis que les navigateurs qui ne prennent pas en charge HTML5 ignoreront le code HTML5.
Modifications de la syntaxe HTML
HTML5 introduit de nouveaux éléments et attributs HTML. Certains sont des versions sémantiques d'éléments communs traditionnels, tels que nav, footer et d'autres éléments qui remplacent les éléments div. Il existe également de tout nouveaux éléments, tels que l'audio et la vidéo. Certains éléments obsolètes en HTML4, tels que la police et le centre, seront obsolètes. Les nouveaux éléments HTML introduits par HTML5 incluent :
article : article
de côté : contenu de la barre latérale à côté du contenu
son : son
toile : dessin 2D
commande : bouton de commande
datalist : boîte de sélection déroulante
détails : détails de l'objet
dialogue : boîte de dialogue
embed : plug-in ou objet externe
figure : un ensemble d'objets multimédia et un texte d'étiquette
en-tête : haut de la page
hgroup : informations sur une certaine partie du document
keygen : Clé générée par le formulaire
marque : texte marqué
mètre : une mesure dans une plage prédéfinie
nav : barre de navigation
sortie : sortie
progression : barre de progression
rp : identifie le contenu ruby
rt : Explication du contenu en caoutchouc
ruby : contenu en rubis
section : définir une section
source : ressources médiatiques
heure : date heure
vidéo : vidéo
Ces nouvelles balises peuvent faciliter le chargement de vos documents HTML et permettre aux moteurs de recherche d'explorer plus facilement les informations utiles. Par exemple, les moteurs de recherche peuvent explorer directement le contenu de la balise d’article qui les intéresse le plus.
Comment HTML5 coexiste avec les technologies populaires
Le monde du Web d'aujourd'hui s'est habitué à divers plug-ins et API. HTML5 a apporté commodité et inconvénients aux développeurs et concepteurs Web. Comment le HTML5 va-t-il coexister avec ces technologies populaires ?
HTML5 et Flash
Ce débat dure depuis longtemps. Flash a été abusé par certains développeurs et concepteurs, ce qui a ralenti le chargement de certaines pages Web, et HTML5 a apporté une lueur d'espoir. Il est peut-être injuste de comparer HTML5, qui en est encore à ses balbutiements, avec Flash, qui a déjà 10 ans, mais c'est une question qui préoccupe tout le monde. Les utilisateurs Mac pourraient bénéficier davantage du HTML5 que les utilisateurs Windows, car Apple hésite à prendre en charge Flash. Ce qui suit fait partie d'un test réalisé par Mike Chambers sur la charge CPU des navigateurs sur les plates-formes Mac et Windows :
.jpg)
Les tests montrent que les performances de Flash sur la plateforme Mac sont pires que sur la plateforme Windows, selon le navigateur que vous utilisez. Il semble maintenant que Flash soit le meilleur choix en ce qui concerne les jeux vidéo, mais selon votre navigateur, si vos vidéos ne sont pas très complexes, HTML5 est le meilleur choix. Ce que les développeurs et les concepteurs Web devraient retenir de ces débats, c'est qu'il existe des alternatives à Flash, mais que Flash est fermement ancré et que les clients doivent effectuer des recherches sur leur public cible lorsqu'ils développent des conceptions pour eux.
HTML5 et IE9
IE9 vante souvent sa compatibilité HTML5, mais ce sera effectivement un navigateur qui prend bien en charge HTML5 car IE9 utilise l'API Windows Modern Graphics et la carte accélératrice graphique du PC pour générer du texte et des graphiques. Lors du salon MIX en mars, Microsoft a également annoncé qu'IE9 prendrait en charge le HTML5 accéléré par GPU, en confiant le défilement graphique, l'affichage graphique 3D et d'autres traitements aux cartes accélératrices graphiques.
HTML5 et Ajax
L'un des problèmes du langage HTML actuel est qu'il s'agit d'une interface d'application légère. Les développeurs qui aiment utiliser Ajax pour implémenter des applications en ligne trouveront le HTML très difficile à utiliser. Ajaxwith.com estime que HTML convient au chargement d'interfaces et que JavaScript est utilisé pour exécuter des commandes. Bien que HTML ne soit pas facile à utiliser comme langage d'interface, HTML reste indispensable étant donné qu'il est familier à la plupart des développeurs.
La bonne nouvelle est que HTML5 facilitera la mise en œuvre des applications Ajax.
HTML5 avec CSS
Vous devez organiser votre code CSS pour prendre en charge HTML5, car les balises telles que h1 et h2 ne seront plus utilisées. Afin d'assurer la compatibilité avec HTML5, le meilleur moyen est d'utiliser la réinitialisation CSS pour remplacer le CSS des attributs HTML courants. sont effacés. Woork estime que la meilleure réinitialisation CSS est la réinitialisation CSS d'Eric Meyers.
Avantages et inconvénients du HTML5
HTML5 pourrait apporter davantage d'avantages au Web mobile. La raison en est que l'iPhone domine désormais le Web mobile et qu'il ne prend pas en charge Flash. HTML5 permettra également aux navigateurs mobiles sur d'autres plateformes de charger les pages Web plus rapidement. Un autre avantage est le référencement. Google a annoncé le 9 avril que la vitesse de chargement des pages serait un facteur dans les classements de recherche, de sorte que les pages HTML5 bénéficieraient également de vitesses de chargement plus rapides.
Cependant, comme pour toute nouvelle technologie, cela entraînera également certains problèmes. Pour les concepteurs Web, le plus gros problème est qu'en raison de l'introduction de ces nouvelles balises, il y aura un manque de description unifiée des données entre les navigateurs.
Jusqu'à ce que HTML5 soit largement adopté, nous ne saurons pas vraiment quelles sont les bonnes ou les mauvaises choses que le code HTML5 apportera. Dans l'ensemble, ce sera un énorme changement pour les développeurs, mais pas encore clair pour les graphistes.
Source internationale de cet article : instantshift.com HTML5 : le battage médiatique en vaut-il la peine ? (Auteur original : Shannon Suetos)
Source de compilation chinoise : site Web officiel du système de gestion de contenu du site Web Ruishang Enterprise CMS