Explication détaillée de la différence entre H5 et HTML4

Bien que HTML5 ne subvertisse pas complètement HTML4, ils présentent quelques différences. Cet article a compilé quelques différences visibles. Il suffit d'en maîtriser quelques-unes d'abord. Il n'est pas trop tard pour les étudier en détail car toutes sont prises en charge. Les amis intéressés ne devraient pas le manquer

HTML5 est la prochaine version du HTML. standard. 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 aba7b36f87decd50b18c7e3e3c150106. HTML 5 spécifie le codage UTF-8 comme suit48e802e877e22739867de2b4093d796b

2 balise fc381c3c8c1132be4ad64fb6bdd1959f permet aux développeurs d'interagir avec les utilisateurs via l'interface utilisateur en utilisant une seule balise.

3 Nouveaux de nombreuses balises
L'un des principes de la conception HTML5 est de mieux refléter la sémantique du site Web, donc 1aa9e5d373740b65a0cc8f0a02150c53 footer> sont utilisés pour indiquer clairement la structure de la page Web ; les nouvelles balises 2f8332c8dcfd5c7dec030a070bf652c3 et 23c3de37f2f9ebcb477c4a90aac6fffd propice au référencement ; Ajout des balises 5c0e96d12fc7501cef2ae2efde646ee0 et 24203f2f45e6606542ba09fd2181843a, permettant de créer des menus traditionnels, ainsi que des barres d'outils et des menus contextuels. La balise 24203f2f45e6606542ba09fd2181843a rend la mise en page du texte Web et des images plus professionnelle ; les nouvelles balises b97864c2e0ef2353a16c4d64c7734e92 sont peut-être les deux balises les plus utiles en HTML5. à utiliser. Par exemple, l'intégration d'une vidéo dans une page HTML5 ne nécessite qu'un court morceau de code

comme suit :

<video width="450" height="340" controls>  
  <source src="jamshed.mp4" type="video/mp4">  
   Your browser does&#39;nt support video embedding feature.  
</video>

De même, Audio et autres similaires.

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

5. Supprimez les balises a4b561c25d9afb9ac8dc4d70affff419 et 240cb830ca84ebaabbd07850110b414d, bacbf9e1ad7f40415ce1670e31edfee3, 3d49bde0e0b2e042578ad34140b6c48e 🎜> 6.HTML5 prend en charge différents types de stockage

HTML5 prend en charge le stockage local, qui a été implémenté via Cookie 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. , et le navigateur est fermé Aucune donnée ne sera perdue après la session

Le stockage 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é le langage de balisage. Dans cette catégorie, davantage de balises sémantiques rendront HTML5 plus utile. Canvas+WEBGL et d'autres technologies 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 pure pull

de http pour réaliser des données. rêve de push ; MathML, SVG, etc., prennent en charge des rendus plus riches, etc., etc., ma compréhension actuelle de HTML5 n'en est qu'à un stade superficiel et je lirai plus de livres HTML5 à l'avenir pour obtenir plus d'informations.

[Recommandations associées]1. Tutoriel vidéo gratuit HTML5

2

La différence entre H5 et HTML traditionnel

3.

Exemple détaillé d'implémentation de la fonction caméra via H5

4

Exemple de code H5 pour créer une page d'inscription

. 5.

Vous apprendre les méthodes de base du dessin avec H5

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!