Maison  >  Article  >  interface Web  >  Résumé des principaux changements et améliorations du HTML5 par rapport au HTML4

Résumé des principaux changements et améliorations du HTML5 par rapport au HTML4

黄舟
黄舟original
2017-02-20 13:56:041972parcourir

J'ai été très occupé à aider les enseignants avec des projets pendant cette période. Souvent, je n'allais pas en cours et je restais juste au laboratoire. Je n'avais pas beaucoup de temps pour lire autre chose. J'ai été chargé de la conception des pages frontales du projet. Parfois, lorsque je navigue sur le Web, je constate que les applications mobiles et HTML5 sont très populaires ces derniers temps, avec le développement rapide de l'Internet mobile, en particulier l'ère de la 4G. Microsoft l'a implémenté dans Win10. Le nouveau navigateur Edge a remplacé IE, donc maintenant de nombreux sites Web commencent à abandonner IE et à se tourner vers HTML5. C'est une tendance, en particulier sur les pages Web mobiles, tandis que du côté des PC, il existe encore un écart. entre différents navigateurs. Certains problèmes de compatibilité doivent être résolus de toute urgence, mais dans un avenir proche, HTML5 deviendra le langage de balisage dominant des navigateurs.

Qu'est-ce que le HTML5 ?
html5 est un langage de balisage hypertexte nommé d'abord par WHATWG (Web Hypertext Application Technology Working Group), puis combiné avec xhtml2.0 (standard) organisé par le W3C pour produire la dernière génération de langage de balisage hypertexte. Cela peut être simplement compris comme : HTML 5 ≈ API javascript HTML CSS 3

Les pages Web statiques que nous développons actuellement sur le front-end Web sont généralement html4.01. Il est également conforme aux spécifications du W3C. Alors, quelles sont les différences substantielles entre les deux ?

1. Sur la déclaration de type de document
 html :

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  

      <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">



 html5 :

XML/HTML Code复制内容到剪贴板
    
    
        <!DOCTYPE html>




Cela ressort de la comparaison entre les deux : dans la déclaration du document, html4 a une longue section de code, et il est difficile de rappelez-vous ce code. Vraisemblablement, beaucoup de gens le génèrent directement avec des outils, n'est-ce pas ? Mais HTML5 est différent. Il ne contient que des déclarations simples, ce qui est également pratique à retenir.


2. Définissez le codage des caractères de la page
En HTML5, vous pouvez spécifier le codage des caractères en ajoutant directement l'attribut charset à l'élément e8e496c15ba93d81f6ea4fe5f55a2244 ci-dessous :

  

html:<meta charset= “UTF-8 ”>
      html5:<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

À partir de HTML5, il est recommandé d'utiliser UTF-8 pour l'encodage des caractères des fichiers.

3. En termes de sémantique structurelle
HTML : Il n'y a pas de balise qui reflète la sémantique structurelle. Nous la nommons généralement comme ceci : p id="header". responsable du site.

html5 : Il présente de grands avantages en termes de sémantique. Certaines nouvelles balises sont fournies, telles que : en-tête, article, pied de page

Quels sont les avantages de fournir de telles balises ? Je pense que la chose la plus importante est l'optimisation du référencement, que nous nommions nous-mêmes les modules de pages Web ou que nous ayons de telles étiquettes. Parce que le but ultime de la création d’un site Web n’est qu’un seul, celui de gagner de l’argent. Si vous souhaitez réaliser des bénéfices, vous ne pouvez améliorer le classement de votre site Web que grâce à la technologie d'optimisation du référencement, afin que votre site Web ait de la valeur. C'est précisément ce point que répond HTML5. Pourquoi tu dis ça ? Parce que les balises qu’il a définies sont plus propices à l’optimisation et que les robots peuvent vous identifier.

4. Autres nouveaux contenus
Les nouveaux types d'entrée incluent : nombre (nombre), date (date), couleur (couleur), plage (plage), etc.

Les nouveaux éléments en ligne incluent le temps, le compteur et la progression.

Les nouveaux éléments intégrés sont la vidéo et l'audio. Les nouveaux éléments interactifs sont les détails, la grille de données et la commande.

5. La balise 5ba626b379994d53f7acf72a64f9b697 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 5ba626b379994d53f7acf72a64f9b697 permet aux développeurs d'interagir avec les utilisateurs via l'interface utilisateur en utilisant une seule balise. Bien que la balise 5ba626b379994d53f7acf72a64f9b697 ne puisse pas encore implémenter toutes les fonctions de Flash, 5ba626b379994d53f7acf72a64f9b697 rendra Flash démodé, haha !

6. Éléments obsolètes
Éléments pouvant être remplacés par CSS : pour basefont, big, font, s, tt, u, ces éléments, car leurs fonctions sont du pur affichage à l'écran services, et HTML5 préconise de placer les fonctions d'affichage à l'écran dans des styles CSS pour une édition unifiée, ces éléments sont donc abolis.

Le frame n'est plus utilisé : étant donné que le frame a un impact négatif sur la convivialité des pages Web, html5 ne prend pas en charge le frame, uniquement l'iframe ou une page composite composée de plusieurs pages créées par le serveur.

Éléments uniquement pris en charge par certains navigateurs : applet, bgsound, clin d'oeil, marquee et autres éléments. bgsound et chapiteau ne sont pris en charge que par ie et sont supprimés par html5. L'élément applet peut être remplacé par un élément embed ou un élément object, l'élément bgsound peut être remplacé par un élément audio et le chapiteau peut être remplacé par une programmation JavaScript.

Résumé : Bien que html5 soit sorti il ​​y a quelques années, il n'était pas populaire à cette époque car il n'était pas assez mature et le timing n'était pas le bon. À l’heure où Internet se développe rapidement, l’ère de la 4G arrive également. Nous serons éliminés si nous n’apprenons pas hml5 css3 !

Ce qui précède est un résumé des principaux changements et améliorations du HTML5 par rapport au HTML4. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !

Déclaration:
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