Introduction de l'article de wulin.com (www.vevb.com): HTML5 rend l'interaction informatique, et l'interaction de réseau humain devient plus confortable et convient aux utilisateurs. Le manque de support précédent pour les applications médiatiques riches et ce stockage n'est plus pénible pour les navigateurs. L'intention initiale de la révolution HTML5 est de promouvoir le Web d'une plate-forme de contenu à une plate-forme d'application standardisée et d'unifier les normes de chaque camp de plate-forme.
Qu'est-ce que HTML5, je n'ai pas besoin d'aller dans les détails ici. Selon ma compréhension, l'innovation de HTML5 peut être résumé comme un système d'étiquettes sémantique, un support médiatique riche avec des chinois traditionnels simplifiés, une technologie de stockage de données locales magique, une animation riche (toile) sans plug-ins et un puissant support d'API. En bref, HTML5 fabrique l'interaction informatique et l'interaction sur le réseau humain devient plus confortable et convient aux utilisateurs. Le manque de support précédent pour les applications médiatiques riches et ce stockage n'est plus pénible pour les navigateurs. L'intention initiale de la révolution HTML5 est de promouvoir le Web d'une plate-forme de contenu à une plate-forme d'application standardisée et d'unifier les normes de chaque camp de plate-forme.
Dans cet article, je présenterai l'une des innovations de HTML5: une structure plus claire et concise.
Un code d'en-tête XHTML standard depuis le début devrait ressembler à ceci:
Ci-dessus, une simple page de blog partie HTML, composée de l'en-tête, de la zone d'affichage de l'article, de la colonne du côté droit et du bas. L'encodage est soigné et est conforme à la sémantique de XHTML, qui peut être bien effectué même dans HTML 5. Mais pour le navigateur, il s'agit d'un morceau de code qui ne distingue pas entre les poids, plutôt qu'une balise qui permet à la machine de comprendre la sémantique de définir le bloc correspondant. Par exemple, les navigateurs standard (tels que Firefox, Chrome et même la nouvelle version d'IE9) ont une clé de raccourci qui peut amener les clients à passer directement à la navigation de la page, mais le problème est que tous les blocs sont définis par Div, et la valeur ID du DIV est déterminée par le développeur, de sorte que le navigateur ne sait pas quel bloc devrait être le bloc où se trouve le lien de navigation. L'émergence de nouvelles balises HTML 5 compense cette lacune. Ensuite, si le code ci-dessus est remplacé par HTML 5, vous pouvez l'écrire comme ceci:
Il s'avère que la structure de la page HTML peut être si belle qu'elle peut être vue en un coup d'œil sans commentaires. Pour les navigateurs, vous ne serez plus perdu lorsque vous trouverez le bloc correspondant.
De plus, bien que HTML5 ne soit pas actuellement pris en charge par tous les navigateurs, cet en-tête qui peut économiser plus de 100 octets (pour les sites avec des niveaux de PV quotidiens d'un million ou plus, il peut économiser beaucoup de trafic). Si vous avez fait des recherches sur le mode de résolution du navigateur, vous devez savoir que les pages déclencheront le mode bizarre sans définir Doctype, et tant que le navigateur est défini, vous pouvez analyser les pages en mode standard sans spécifier un certain type de DTD.
Nouveau système d'étiquetage sémantique
Le codage sémantique est une compétence nécessaire pour les développeurs frontaux qualifiés, mais à mesure que les pages Web deviennent de plus en plus riches, il est évident qu'ils ne sont pas en mesure de le faire en utilisant simplement la balise XHTML d'origine à déménager. Dieu a dit: il doit y avoir de la lumière! Alors il y aura de la lumière. Par conséquent, HTML 5 fournit une série de nouvelles balises et des attributs correspondants pour refléter la sémantique typique des sites Web modernes. Pratique pour produire la vérité. Écrivons un exemple:
Je n'ai pas besoin de dire lequel est le plus compliqué et lequel est simple. Oui, l'en-tête HTML5 peut être si simple qu'il peut être rappelé facilement! Et, l'affaire, les citations et l'arrière-plan avant le dernier support d'angle peuvent être ignorées.
Pourquoi peut-il être si lâche? En fait, si XHTML est envoyé en texte / HTML, le navigateur peut également bien l'analyser et le navigateur ne se soucie pas de la syntaxe du code. Ainsi, HTML 5 est métaphysique, il peut briser certaines des normes d'origine, mais elle peut toujours bien fonctionner dans le navigateur.
Bien sûr, pour la commodité de l'assistance en équipe et de la maintenance ultérieure, nous devons toujours unifier le style d'écriture que vous aimez, comme:
Jetons un coup d'œil à la façon dont un en-tête HTML5 standard est: