Maison > interface Web > Tutoriel H5 > Qu'est-ce que HTML5 ? Quels sont les fonctionnalités, avantages et inconvénients de HTML5 ?

Qu'est-ce que HTML5 ? Quels sont les fonctionnalités, avantages et inconvénients de HTML5 ?

寻∝梦
Libérer: 2018-08-13 18:17:16
original
3706 Les gens l'ont consulté

HTML5 est très populaire récemment. Certains amis ne savent peut-être pas ce qu'est HTML5. Cet article présentera en détail certaines fonctionnalités, avantages et inconvénients de HTML5.

Qu'est-ce que HTML5 ?

HTML5 est la norme HTML de nouvelle génération.

HTML, la version précédente de HTML 4.01 est née en 1999. Depuis, le monde du Web a radicalement changé.

HTML5 est toujours un travail en cours. Cependant, la plupart des navigateurs modernes prennent déjà en charge HTML5.

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.

HTML5 est conçu pour prendre en charge le multimédia sur les appareils mobiles.

HTML5 est facile à apprendre.

Avantages et inconvénients du HTML5

Avantages

1. Normes Web

HTML5 lui-même est recommandé par le W3C. Son développement est une technologie brassée par des centaines d'entreprises telles que Google, Apple, Nokia et China Mobile. Le plus grand avantage de cette technologie est. La raison est qu’il s’agit d’une technologie publique. En d’autres termes, chaque norme publique peut être retracée jusqu’à la base de données du W3C. En revanche, le standard HTML5 adopté par le W3C signifie que chaque navigateur ou chaque plateforme l'implémentera.

2. Multiplateforme multi-appareils

Le principal avantage de l'utilisation du HTML5 est que cette technologie peut être utilisée sur toutes les plateformes. Par exemple, si vous développez un jeu HTML5, vous pouvez facilement le transplanter sur la plateforme ouverte d'UC, le centre de jeux d'Opera, la plateforme d'applications Facebook, ou même le distribuer sur l'App Store ou Google Play via la technologie d'encapsulation, il est donc multiplateforme. La plateforme est très puissante, c’est la principale raison pour laquelle la plupart des gens s’intéressent au HTML5.

3. Conception Web adaptative

Certaines personnes imaginent depuis longtemps s'il est possible de « concevoir une fois et appliquer universellement » afin qu'une même page Web puisse s'adapter automatiquement à Écrans de différentes tailles, ajustez automatiquement la disposition en fonction de la largeur de l'écran.

En 2010, Ethan Marcotte a proposé le terme « conception Web adaptative », qui fait référence à une conception Web capable de reconnaître automatiquement la largeur de l'écran et d'effectuer les ajustements correspondants.

Cela résout la situation traditionnelle consistant à fournir différentes pages Web pour différents appareils, comme une version mobile dédiée ou une version iPhone/iPad. Bien que cela garantisse l'effet, cela est plus gênant et nécessite de maintenir plusieurs versions en même temps. De plus, si un site Web dispose de plusieurs portails, cela augmentera considérablement la complexité de la conception architecturale.

4. Mises à jour instantanées

Le client du jeu doit être mis à jour à chaque fois, ce qui est très gênant. Mais mettre à jour des jeux HTML5, c’est comme mettre à jour une page, c’est une mise à jour immédiate et en temps réel.

Résumé HTML5 présente les avantages suivants :

1. Améliorer la convivialité et améliorer l'expérience utilisateur

2. Il existe plusieurs nouvelles balises qui 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. Peut être un bon remplacement pour FLASH et Silverlight ; Adapté au référencement en matière d'exploration et d'indexation de sites Web ;

6 Sera largement utilisé dans les applications et les jeux mobiles

7.

Inconvénients : Cette norme n'est pas bien supportée par les navigateurs. En raison de l'introduction de nouvelles balises, il y aura un manque de format de description des données unifié entre les navigateurs, ce qui entraînera une mauvaise expérience utilisateur. HTML5 Donnez aux pages Web une meilleure signification 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.

2. Fonctionnalités 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 Internet plus rapide, tout cela grâce à HTML5. Cache APP et 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.

3. Compatibilité des appareils (Classe : ACCÈS AUX APPAREILS)

Depuis que la documentation API de la fonction Géolocalisation a été rendue publique, HTML5 a fourni plus de fonctions aux développeurs d'applications Web. les choix d'optimisation sur l'application apportent plus d'avantages dans les fonctions 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.

4. Caractéristiques de connexion (Classe : CONNECTIVITÉ)

Efficacité de connexion plus efficace, permettant un chat en temps réel basé sur des pages, une expérience de jeu Web plus rapide, une communication en ligne plus optimisée a été réalisé. 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.

5. Fonctionnalités multimédia de la page Web (Classe : MULTIMÉDIA)

Prend en charge les fonctions multimédia telles que l'audio et la vidéo sur la page Web, qui complètent les propres fonctions APPS, caméra et audio et vidéo du site Web.

6. Fonctionnalités tridimensionnelles, graphiques et effets spéciaux (Classe : 3D, graphiques et effets)

Les utilisateurs seront émerveillés par les fonctions 3D basées sur SVG, Canvas, WebGL et CSS3 En raison des effets visuels étonnants présentés dans le navigateur.

7. Fonctionnalités de performances et d'intégration (Classe : performances et intégration)

Aucun utilisateur n'attendra indéfiniment votre chargement - HTML5 résoudra le problème précédent grâce à des technologies telles que Problèmes inter-domaines XMLHttpRequest2 pour aider vos applications Web et vos sites Web à fonctionner plus rapidement dans divers environnements.

Quelques nouvelles fonctionnalités intéressantes en HTML5 :

élément de toile pour la peinture

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

Meilleure prise en charge du stockage local 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, email, url, recherche

[Recommandations associées]

Explication détaillée de la vidéo HTML

Éléments de base du HTML, vous permettant pour apprendre le HTML à partir de zéro



Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal