Compilation des différences entre HTML5 et les compétences précédentes du didacticiel HTML4_html5

HTML5 est la prochaine version du standard HTML. Bien que HTML5 ne subvertisse pas complètement HTML4, il existe 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/, qui semble être légèrement plus. Dans ce monde où IE existe toujours, il suffit d’abord de comprendre certaines des différences de HTML5, et il ne sera pas trop tard pour l’étudier en détail une fois qu’il sera entièrement pris en charge.

1. Syntaxe simplifiée
HTML5 simplifie de nombreuses syntaxes subtiles, telles que la déclaration doctype, il vous suffit d'écrire . HTML 5 spécifie le codage UTF-8 comme suit

2. La balise remplace Flash
Flash a causé des problèmes à de nombreux développeurs Web. La lecture de Flash sur une page Web nécessite un tas de code et de plug-ins. La balise permet aux développeurs d'interagir avec les utilisateurs via l'interface utilisateur en utilisant une seule balise.

3 Ajout de nombreuses nouvelles balises
L'un des principes de la conception HTML5 est de mieux refléter la sémantique du site Web, c'est pourquoi des balises telles que

la structure de la page Web ; ajouter les balises

et

,

et

sont également utiles pour clarifier la structure de la page Web, ce qui est plus propice au référencement ; ; et < La balise ;figure>, peut être utilisée pour créer des menus traditionnels, ainsi que des barres d'outils et des menus contextuels. La balise

rend la mise en page du texte et des images sur les pages Web plus professionnelle ; les nouvelles balises

4. Tout nouveau formulaire
HTML5 a apporté de nombreuses modifications aux balises

et , ajouté de nombreux nouveaux attributs et modifié de nombreux attributs, détailshttp://www.jb51.net/w3school/html5/html_5_form_attributes.htm

5. Supprimez les balises et , ,

, 6.HTML5 prend en charge différents types de types de stockage

HTML5 prend en charge le stockage local, qui était implémenté via les 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 et y accéder via JS : .

localStorage convient au stockage à long terme des données, les données ne seront pas perdues après la fermeture du navigateur

sessionStorage est uniquement destiné au stockage des données d'une session, les données stockées seront automatiquement supprimées après la fermeture du navigateur

En général, HTML5 a dépassé la portée du langage de balisage, et davantage de balises sémantiques rendront HTML5 plus utile. Des technologies telles que Canvas WEBGL réalisent des capacités d'animation et de traitement d'images et de graphiques sans plug-in ; le stockage local permet des applications hors ligne ; Websocket modifie le modèle d'extraction pure de http et réalise le rêve du push de données, MathML, SVG, etc. ; rendu, etc., etc., ma compréhension actuelle de HTML5 n'en est qu'à un stade superficiel. Je lirai plus de livres HTML5 à l'avenir pour acquérir plus de connaissances.