Introduction à l'apprentissage standard HTML5

Les groupes front-end sont assez occupés ces derniers temps, mais j'ai constaté que la plupart des discussions portent sur javascriptProblèmes liés au CSS, il semble que lorsque tout le monde essaie de créer diverses interactions et styles, ils ont oublié le fondement de tout cela - HTML

En fait, j'aime beaucoup HTML et je pense ce langage est bien meilleur que XML C'est intéressant, et sa flexibilité et sa portabilité sont bien hors de portée du XML extrêmement standardisé. En même temps, en raison de sa portée extrêmement réduite et de ses balises limitées. ses propres certitudes. 🎜>

La première partie de cette série présentera quelques

concepts de base en HTML5 dans un espace très court, et :

• Ne vous souciez que du langage HTML, les autres javascript ou CSS ne seront pas impliqués du tout

• Concentrez-vous uniquement sur HTML, XHTML sera brièvement présenté, mais ne le sera pas. expliqué en détail. XHTML a des spécifications plus strictes que HTML Pour l'analyse du navigateur, il peut être considéré comme un sous-ensemble de HTML

• fait principalement référence à la documentation officielle de whatwg. version actuelle. La compatibilité des navigateurs grand public a été évaluée

• Il présente uniquement les concepts de base et n'implique pas les détails d'implémentation tels que l'analyse de documents, la construction de l'arborescence DOM et l'exécution de scripts 🎜>.

Après cela, certains détails techniques liés au fonctionnement du navigateur, tels que l'analyse et l'exécution du script, peuvent être extraits pour une discussion plus approfondie

Si vous le ressentez. Le HTML est inconfortable car la balise de début et la balise de fin peuvent être omises avec désinvolture et elles sont trop irrégulières, alors cette série vous dira qu'il existe des règles très strictes pour omettre les balises en HTML...

Si vous pensez au HTML C'est simple, au pire, écrivez-le selon XML, alors cette série vous dira que HTML est plein de pièges Même sans considérer l'implémentation de chaque navigateur, vous ne pourrez peut-être pas vous promener en toute sécurité dans ce champ de mines...

Avant de commencer cette série, plusieurs concepts très importants doivent être introduits. Il existe de nombreux concepts en HTML Pour plus de détails, voir le chapitre Terminologie, mais certains d'entre eux ne sont pas largement cités dans le manuel de référence, uniquement. une petite partie d'entre eux. Les blocs ont une signification familière :

contexte de navigation - contexte de navigation

• est la page que nous voyons habituellement. Plus précisément, le contexte de navigation est un environnement, dans cet environnement, le HTML sera analysé et construit, les styles CSS seront calculés et appliqués, les scripts javascript seront chargés et exécutés, et enfin le contenu visible par les utilisateurs finaux sera affiché.
• De manière générale, les contextes avec lesquels nous entrons le plus souvent en contact sont les suivants :

Une fenêtre de navigateur, comme une fenêtre IE6.

• Un onglet dans un navigateur multi-onglets, Firefox, Chrome et d'autres navigateurs le font.

• Un élément
est également un contexte de navigation indépendant.

• <iframe>

  Dans un frameset, un élément
formera également un contexte de navigation indépendant.

• <frame>

Nouvelle ligne - nouvelle ligne

• Comme appris dans les cours d'informatique de base, HTML définit 3 types de sauts de ligne :
• Différents systèmes ont leurs propres sorties de saut de ligne par défaut. Les réglementations HTML garantissent que les navigateurs peuvent analyser correctement les trois méthodes de saut de ligne traditionnelles.

Caractère U+000D, qui est le caractère r.

• Caractère U+000A, soit n caractères.

• Le caractère U+000D est suivi de U+000A, qui est la chaîne rn.
Espace - espace

• L'espace joue un rôle très important en HTML Par exemple, les attributs d'un élément peuvent être séparés. par séparés par des espaces. Dans des circonstances normales, les développeurs appuient sur la barre d'espace pour saisir un espace. Lorsqu'il y a de nombreux attributs, ils peuvent utiliser Entrée pour mieux organiser les attributs. Mais probablement peu de gens se demanderont pourquoi l'effet du retour chariot est le même que celui des espaces. Quels autres caractères HTML peut-il analyser comme des espaces ?
• Concernant le problème des espaces, jQuery a également commis ce problème, et il existe toujours aujourd'hui. Dans la ligne 1738 de jQuery 1.5.1, une expression régulière

  est définie, qui est utilisée pour séparer les attributs de classe des éléments par des espaces. Dans la version 1.4.4, cette expression régulière

  manque évidemment r, et cet élément BUG illustre ce problème. Bien sûr, il est dommage que la version 1.5.1 ne prenne toujours pas en charge tous les caractères espaces du standard, c'est-à-dire qu'elle ne gère pas le saut de page U+000C.

  /[ntr]/g/[nt]/g

Le caractère U+0020 est un espace ordinaire.

• Le caractère U+0009 est le caractère de tabulation horizontale t.

• Le caractère U+000A est le n caractère de nouvelle ligne.

• Le caractère U+000D est le caractère de retour chariot r.

• Caractère U+000C, il s'agit d'un saut de page et on le voit rarement.

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!