Changements dans l'ère du web et la différence entre HTML5 et HTML4

HTML5 est la prochaine version de la norme HTML. De plus en plus de programmeurs commencent à créer des sites Web dans HTML5. Si vous utilisez HTML4 et HTML5, vous constaterez que le bâtiment à partir de zéro avec HTML5 est beaucoup plus pratique que la migration de HTML4 à HTML5. Bien que HTML5 ne subvertit pas complètement HTML4, ils ont encore de nombreuses similitudes, mais ils ont également quelques différences clés dans le HTML5 étant la prochaine version de la norme HTML. De plus en plus de programmeurs commencent à créer des sites Web dans HTML5. Si vous utilisez HTML4 et HTML5, vous constaterez que le bâtiment à partir de zéro avec HTML5 est beaucoup plus pratique que la migration de HTML4 à HTML5. Bien que HTML5 ne renverse pas complètement HTML4, ils ont encore de nombreuses similitudes, mais ils ont également des différences clés. Ensuite, apprenons la différence entre HTML5 et HTML4 via cet article

Nouvelles étiquettes de structure pour HTML5

Dans les pages HTML précédentes, tout le monde a essentiellement utilisé la méthode de disposition DIV + CSS. Lorsque les moteurs de recherche rampent le contenu de la page, ils ne peuvent que deviner que le contenu de l'un de votre div est un conteneur de contenu d'article, un conteneur de module de navigation ou un conteneur introduit par l'auteur, etc. En d'autres termes, toute la structure du document HTML n'est pas claire. Afin de résoudre ce problème, HTML5 a ajouté des étiquettes structurelles spécialement ajoutées liées à la structure telles que l'en-tête, le pied de page, la navigation, le contenu de l'article, etc.

Avant de parler de ces nouvelles balises, examinons d'abord la mise en page d'une page ordinaire:

Dans l'image ci-dessus, nous pouvons voir très clairement qu'une page ordinaire aura une en-tête, une navigation, un contenu de l'article, une barre de droite jointe, des modules en bas et d'autres modules. Nous le distinguons à travers la classe et le traitons à travers différents styles CSS. Mais relativement parlant, la classe n'est pas une spécification standard commune. Les moteurs de recherche ne peuvent que deviner les fonctions d'une certaine partie. De plus, si ce programme de page est remis aux personnes ayant une déficience visuelle à lire, la structure et le contenu du document ne seront pas très clairs. La nouvelle disposition apportée par la nouvelle balise HTML5 est la situation suivante:

Les normes de la génération précédente de HTML: HTML 4.01 et XHTML 1.0 ont été publiées il y a plus de 10 ans aujourd'hui, et les applications du côté Web ont également changé radicalement. De plus, il n'y a pas de norme Internet unifiée et commune sur le Web frontal, et il y a trop d'incompatibilité entre les navigateurs, ce qui perd trop de temps à maintenir la compatibilité de ces navigateurs. Une autre chose est que les opérations multimédias précédentes, les animations, etc. nécessitent toutes le support de plug-ins tiers, ce qui crée le problème de la compatibilité de plusieurs plates-formes. Tout cela deviendra une norme dans HTML5, qui résout fondamentalement les différences de navigateurs et les problèmes de certains plug-ins tiers, rendant les applications Web plus standard, plus polyvalentes et plus indépendantes de l'appareil.

Depuis la sortie officielle de H5 en 2010, il a été accueilli et soutenu par des navigateurs majeurs. À l'heure actuelle, l'industrie se dirige vers H5, et l'ère de H5 arrive bientôt.

HTML5 n'est pas un changement révolutionnaire, mais un changement de développement. De plus, bon nombre des normes HTML4 précédentes étaient compatibles, et toutes les applications Web apportées par les dernières normes HTML5 peuvent également être facilement exécutées sur les anciens navigateurs. La norme HTML5 intègre de nombreuses fonctions pratiques telles que l'audio et la vidéo, le stockage local, la communication de socket, l'animation, etc., qui ont tous été considérés et améliorés dans le développement des applications précédentes. Je crois que si vous avez une expérience pertinente, vous serez très touché.

L'objectif de HTML5 est: il fournit des normes pour développer des applications Web générales plus simples, indépendantes et standard via de nouvelles balises et de nouvelles fonctionnalités.

La nouvelle norme résout trois problèmes majeurs: les problèmes de compatibilité du navigateur, résout le problème de la structure des documents peu clairs et résout des problèmes tels que les fonctions limitées des applications Web.

1. Certaines balises HTML4 obsolètes ont été annulées

Ceux-ci incluent des marqueurs qui affichent des effets purement, tels que <font> et <enter>, qui ont été complètement remplacés par CSS.

Autres propriétés annulées: acronyme, applet, basefont, big, centre, dir, police, cadre, cadres, isindex, noframes, frappe, tt.

2. Ajout de nouveaux éléments

Par exemple: Tags de formulaire plus intelligents: date, e-mail, URL, etc.; Tags plus raisonnables: section, vidéo, progression, navigation, compteur, temps, côté, toile, etc.

3. Nouvel attribut global: conception conceptable mode caché tabindex

4. Méthode de balisage: il n'y a qu'un seul type de déclaration de type de fichier (<! Doctype>): <! Doctype html>.

Spécifiez le codage des caractères <Meta Charset = UTF-8>

5. Nouvelle API JS

6. Assurer la compatibilité

Les éléments de balise peuvent être omis

Les marques de fin ne sont pas autorisées: comme la base de la zone Br

La marque finale peut être omise: comme Li dt

Toutes les balises peuvent être omises: comme la tête HTML