HTML5 Les nouveaux éléments et attributs sont l'aventure et l'opportunité pour les concepteurs

Introduction de l'article de wulin.com (www.vevb.com): HTML5, qui serait le tueur de Flash, est une technologie de réseau transformatrice utilisée pour le développement d'applications Web.

HTML5, qui serait le tueur de Flash, est une technologie de réseau transformatrice utilisée pour le développement d'applications Web. HTML 5 fournit de nouveaux éléments et attributs, dont certains sont techniquement similaires aux balises <div> et <span>, mais ont des significations, telles que <An Nav> et <footer>. Cette balise sera propice à l'indexation des moteurs de recherche, aux petits appareils d'écran et aux personnes malvoyantes. Dans le même temps, de nouvelles fonctionnalités sont fournies pour d'autres éléments de navigation, via une interface standard telle que les balises <faudio> et <video>.

En plus de l'interface DOM originale, HTML5 ajoute des API plus diverses:

API Canvas: API pour la sortie dynamique et les graphiques, les graphiques, les images et les animations de rendu.

Audio et vidéo HTML5: nouveaux éléments dans HTML5, ils fournissent aux développeurs une API commune, intégrée et scriptée pour le traitement de l'audio et de la vidéo sans installer de plug-ins.

API de communication: Deux fondations majeures pour construire la communication en temps réel et en original: Messagerie de documents croisés et XMLHTTPREQUEST NIVEAU 2.

Les descriptions techniques ci-dessus sont présentes dans la documentation HTML WhatWG, mais ne sont pas toutes incluses dans la documentation W3C HTML5; W3C a fait des explications distinctes pour certaines technologies, donc cet article ne sera pas répété un par un.

Cela semble un peu trop technique, alors quel impact HTML5 aura-t-il sur la conception? C'est quelque chose que les concepteurs Web et les développeurs doivent considérer après avoir discuté du code de programmation.

Prenant l'exemple du champ Internet mobile, face à de nombreux appareils et plates-formes terminaux, les concepteurs et les développeurs doivent faire des compromis en termes d'affichage et de cohérence des produits dans l'expérience, et ont gaspillé une grande partie de notre énergie en train de remplir la plate-forme. Les produits auraient pu atteindre un niveau supérieur, mais la réalité de la fragmentation des terminaux mobiles (y compris le matériel et les logiciels) bloque les bons voeux.

Les plates-formes de développement de téléphones mobiles grand public actuelles comprennent: iOS, Symbian, Linux, Palm, BlackBerry, Windows Mobile, Android, etc. Parmi eux, la plate-forme iOS doit être conçue pour des résolutions de 480 * 320, 960 * 640 et 1024 * 768 respectivement; La résolution QVGA est de 240 * 320, la résolution WQVGA est de 240 * 400, la résolution HVGA est de 320 * 480, la résolution WVGA est de 480 * 800, la résolution FWVGA est 480 * 854, etc.; Le système Symbian a une longue histoire, et maintenant il se concentre principalement sur les versions S60 V3 et V5, et la résolution est toujours 176 * 208, 208 * 208, 240 * 320/320 * 240, 352 * 416/416 * 352 et 800 * 352 et de nombreux autres types. Même avec la même plate-forme, différentes résolutions auront des différences correspondantes. De plus, les produits clients doivent être mis à jour et itérés en continu, de la version 1.0, version 2.0 à la version N.0; Chaque fois qu'une application native est développée, une plate-forme doit être aménagée. Et la réalité est que tous les utilisateurs ne mettront pas activement à mettre à jour la nouvelle version, de sorte que les concepteurs et les développeurs devraient également s'inquiéter de savoir si l'ancienne version précédente sera prise en charge lors du développement de nouvelles fonctions. Multipliez différentes plates-formes par différentes versions, la main-d'œuvre et les ressources matérielles sont investies dans le travail de pose de la plate-forme, et l'énergie pour améliorer l'expérience utilisateur des produits est relativement limitée.

Les gens ont donc eu assez de la torture des appareils terminaux fragmentés et ont commencé à espérer quelque chose de différent des applications natives. L'émergence d'applications Web développée par la technologie HTML5 a donné aux concepteurs et aux développeurs une vision brillante. Le processus de rendu de la technologie HTML5 est principalement réalisé par les navigateurs, les applications intégrées à l'analyseur HTML5, les applications qui prennent en charge l'ouverture de signets ou les produits de téléphone mobile. De cette façon, la mise à jour de lancement et de version du produit ne prend plus autant de temps pour poser la plate-forme. La logique interne de l'applicateur convertira l'interface utilisateur du produit en une interface native pour les plates-formes telles que iOS ou Android. Dans le même temps, les produits sous forme d'application Web ne nécessitent pas que les utilisateurs téléchargent et mettent à jour et peuvent accéder à la dernière version via le réseau; Il facilite également les concepteurs et les développeurs pour déboguer et corriger les erreurs, et il n'y a plus de problème à prendre en compte les nouvelles et anciennes versions en même temps.

HTML5 est si puissant qu'il a le potentiel d'améliorer la qualité des produits Internet et d'améliorer l'environnement réel pour les développeurs. Par conséquent, les concepteurs et les développeurs doivent le comprendre si nécessaire. Mais cela ne signifie pas que les concepteurs doivent mettre leur travail et commencer à apprendre la technologie de programmation. Au lieu de cela, ils devraient considérer les changements évidents que HTML5 aura à apporter à des conceptions spécifiques, et quels effets de conception peuvent-ils réaliser la technologie HTML5?

Dans le cadre du plaidoyer actif de sociétés géantes telles qu'Apple, Google et Microsoft, la technologie HTML5 a fait des progrès rapides et les effets que les applications Web peuvent réaliser deviennent de plus en plus abondants. De nombreuses applications Web peuvent en effet être comparées aux applications natives. Les meilleurs navigateurs pour le support HTML5 sont Safari et Chrome, Firefox et Opera ne sont pas satisfaisants, et le navigateur IE a le support le plus bas. Comme indiqué dans la figure ci-dessous:

De nos jours, nous voyons souvent des articles d'introduction connexes tels que "19 sites Web développés avec HTML5" et "25 superbes jeux de toile HTML5" sur Internet. Les concepteurs peuvent souvent l'utiliser pour en faire l'expérience. En raison des limitations de l'espace, cet article ne donnera que quelques produits de site Web typiques qui utilisent la technologie HTML5 pour des exemples.