Résumé des principaux changements et améliorations du HTML5 par rapport au HTML4-Tutoriel H5-php.cn

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

黄舟

Libérer： 2017-02-20 13:56:04

original

1970 Les gens l'ont consulté

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">

Copier après la connexion

　html5 :

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

Copier après la connexion

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 ci-dessous :

　　

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

Copier après la connexion

À 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 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

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) !