HTML5 est la prochaine version de la norme HTML. Bien que HTML5 ne renverse pas complètement HTML4, ils ont également quelques différences. Pour les informations de comparaison HTML5-HTML4 les plus récentes et les plus complètes, veuillez consulter http://dev.w3.org/html5/html4-differences/, ce qui semble être un peu plus. Dans ce monde où IE existe toujours, vous pouvez d'abord maîtriser les différences de HTML5, et il n'est pas trop tard pour l'étudier attentivement après tout le soutien.
1. Syntaxe simplifiée
HTML5 simplifie beaucoup de syntaxe subtile, comme l'instruction de DocType, il vous suffit d'écrire <! Doctype html>. HTML 5 spécifie le codage UTF-8 comme suit <Meta Charset = UTF-8>
2. <Canvas> La balise remplace Flash
Flash a causé des problèmes à de nombreux développeurs Web, et la lecture de Flash sur une page Web nécessite un tas de code et de plug-ins. La balise <Canvas> permet aux développeurs d'interagir avec les utilisateurs avec l'interface utilisateur tant qu'ils utilisent une balise.
3 Ajout de nombreuses nouvelles balises
Un principe de la conception HTML5 consiste à mieux refléter la sémantique du site Web, donc des balises telles que <Sider> et <footer> sont ajoutées pour indiquer clairement la structure de la page Web; L'ajout de balises <ctionnement> et <article>, <s section> et <article> sont également propices à la clarification de la structure de la page Web et plus propice au référencement; L'ajout de balises <enu> et <pigne>, <en menu> peut être utilisée pour créer des menus traditionnels ou pour les barres d'outils et les menus de contexte. <gigne> Les balises rendent le texte Web et les images plus professionnelles dans la mise en page; De nouvelles balises <faudio> et <video> sont ajoutées, ces deux balises peuvent être les deux balises les plus utiles de HTML5, et elles sont également très pratiques à utiliser. Par exemple, l'intégration de vidéos dans des pages HTML5 ne prend qu'un petit morceau.
La copie de code est la suivante:
<largeur vidéo = 450 hauteur = 340 commandes>
<source src = jamshed.mp4 type = vidéo / mp4>
Votre navigateur ne prend pas en charge la fonction d'incorporation vidéo.
</ vidéo>
De même, l'audio et d'autres choses sont similaires.
4. Formulaire neuf
HTML5 a apporté beaucoup de modifications aux balises <form> et <forminput>, a ajouté de nombreux nouveaux attributs et modifié de nombreux attributs.
5. Supprimer les balises <b> et <font>, <srame>, <9 Center>, <Big> Tags
6.HTML5 prend en charge différents types de types de stockage
HTML5 prend en charge le stockage local et a été implémenté via des cookies dans les versions précédentes. Le stockage local HTML5 est rapide et sécurisé. Et HTML5 a deux objets différents qui peuvent être utilisés pour stocker des données. HTML5 stocke et accède aux données via JS:
LocalStorage convient au stockage à long terme des données, et les données ne seront pas perdues après la fermeture du navigateur.
SessionStorage n'est qu'un stockage de données de session et les données stockées sont automatiquement supprimées après la fermeture du navigateur.
En général, HTML5 est allé au-delà de la portée des langues de balisage, et des balises plus sémantiques rendront HTML5 plus utile. Canvas + Webgl et autres technologies réalisent des capacités d'animation et de traitement d'image et graphiques sans plug-in; Le stockage local peut réaliser des applications hors ligne; WebSocket, modifiant le modèle Pure Pull de HTTP pour réaliser le rêve de la poussée des données; Mathml, SVG, etc., prend en charge des rendus plus riches, etc. Maintenant, la compréhension de HTML5 est toujours au stade de la surface. À l'avenir, je vais lire plus de livres HTML5 et ajouter quelques informations.