Maison interface Web Tutoriel H5 Explication détaillée de l'apprentissage standard HTML5 de la structure du document

Explication détaillée de l'apprentissage standard HTML5 de la structure du document

Mar 27, 2017 pm 03:34 PM

En parlant de la structure du HTML, beaucoup de gens peuvent l'expliquer clairement. De manière générale, la réponse peut être comme ceci :

Un DOCTYPE, un html, qui contient des éléments de tête et de corps.

Bien sûr, cela ne peut pas être considéré comme incorrect, mais si vous demandez ce que doit contenir un fichier source HTML minimum, je crains que peu de personnes puissent y répondre correctement.

Répondons d'abord à cette question. Le contenu requis pour un fichier de code source HTML5 le plus simple est le suivant :

<!DOCTYPE html>
Copier après la connexion

Oui, c'est tout, pas plus d'un. caractère , pas moins d'un caractère À l'exception de la casse, qui peut être modifiée à volonté, aucun autre contenu ne peut être modifié.

Alors, quelles sont les règles qui font qu'un fichier de code source le plus simple ait une déclaration doctype ? Selon la norme, un document HTML est constitué du contenu suivant (strictement dans l'ordre) :

  1. Une balise BOM, et cette balise BOM doit être U+FEFF .

  2. 0-n espaces ou commentaires.

  3. Déclaration DOCTYPE.

  4. 0-n espaces ou commentaires.

  5. Un élément HTML.

  6. 0-n espaces ou commentaires.

Il existe quelques différences par rapport au HTML4. Le fichier de code source le plus simple du HTML4 ressemble à ceci :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                      "http://www.w3.org/TR/html4/loose.dtd">
<title>这里是标题</title>
Copier après la connexion

La différence entre les deux est évidente :

  • HTML5 modifie le DOCTYPE en un &lt;!DOCTYPE html&gt; plus simple, déjà bien connu.

  • a une balise <title> supplémentaire en HTML4.

Le point clé ici est la balise <title> Concernant cette balise, la norme HTML4.01 dit ceci :

Chaque document HTML doit avoir un. Élément TITLE dans la section HEAD.

En d'autres termes, HTML4 exige que la balise <title> existe.

Et dans le standard HTML5, il est dit ceci :

Il ne doit pas y avoir plus d'un élément de titre par document.

HTML5 définit uniquement un limite supérieure pour le nombre de balises <title>, mais ne précise pas de limite inférieure. En d'autres termes, un document sans <title> est considéré comme un document légal.

Pour DOCTYPE, il existe 6 types de DOCTYPE définis en HTML4, et DOCTYPE est divisé en 3 types en HTML5. Cela sera expliqué en détail dans les chapitres suivants.

Revenons en arrière et regardons la composition du document. Outre les éléments qui n'ont pas beaucoup de sens, la liste composée indique également qu'il existe un élément HTML, mais cela n'existe pas dans le code source le plus simple. . En effet, dans la spécification HTML, il y a toujours eu la notion de « balises implicites ». Concernant les balises implicites, cela peut s'expliquer grossièrement comme suit :

Certains éléments, lorsque certains prérequis sont remplis, Sa balise de début ou de fin peut être omise dans le code source. Dans ce cas, la balise omise est appelée « balise implicite ».

Il est à noter que l'omission ici fait référence à l'omission de dans le code source, et dans l'arborescence DOM finale, cette balise existe, elle s'appelle donc balise implicite pour . Par conséquent, la structure de code source la plus simple ci-dessus, après avoir généré l'arborescence DOM, sa structure réelle est la suivante :

&lt;!DOCTYPE html&gt;
<html>
    
    
Copier après la connexion
Enfin, résumons certaines des spécifications en XHTML :

  • Parce qu'il s'agit de

    XML, afin d'indiquer qu'il s'agit d'un document HTML, il doit y avoir un espace de noms avec une valeur de . www.w3.org/1999/xhtml

  • Comme il s'agit de XML, le type MIME ne peut pas être

    , text/html et text/xml sont tous de meilleurs choix. application/xmlapplication/xml+html

  • Parce qu'il s'agit de XML, il doit avoir un élément racine, et l'élément racine est
  • , c'est-à-dire que les balises de début et de fin de

    ne peuvent pas être omises. <html><html>

  • Comme il s'agit de XML, tant que tous les éléments ont une balise de début, ils ne doivent pas avoir de balise de fin ni se fermer automatiquement.
  • Comme il s'agit de XML, tous les éléments doivent être strictement sensibles à la casse et les noms d'éléments doivent être en minuscules.
  • Parce qu'il s'agit de XML, le document est devenu beaucoup plus strict, et parce qu'il s'agit de XML, sa lisibilité et sa standardisation se sont beaucoup améliorées. Mais en fin de compte, nous devons toujours trouver le meilleur équilibre entre la tolérance du HTML et la standardisation du XML. Poursuivre aveuglément les extrêmes est toujours une erreur.

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!

Déclaration de ce site Web
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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Bordure de tableau en HTML Bordure de tableau en HTML Sep 04, 2024 pm 04:49 PM

Guide de la bordure de tableau en HTML. Nous discutons ici de plusieurs façons de définir une bordure de tableau avec des exemples de bordure de tableau en HTML.

Tableau imbriqué en HTML Tableau imbriqué en HTML Sep 04, 2024 pm 04:49 PM

Ceci est un guide des tableaux imbriqués en HTML. Nous discutons ici de la façon de créer un tableau dans le tableau ainsi que des exemples respectifs.

Marge gauche HTML Marge gauche HTML Sep 04, 2024 pm 04:48 PM

Guide de la marge HTML gauche. Nous discutons ici d'un bref aperçu de la marge gauche HTML et de ses exemples ainsi que de son implémentation de code.

Disposition du tableau HTML Disposition du tableau HTML Sep 04, 2024 pm 04:54 PM

Guide de mise en page des tableaux HTML. Nous discutons ici des valeurs de la mise en page des tableaux HTML ainsi que des exemples et des résultats en détail.

Espace réservé d'entrée HTML Espace réservé d'entrée HTML Sep 04, 2024 pm 04:54 PM

Guide de l'espace réservé de saisie HTML. Nous discutons ici des exemples d'espace réservé d'entrée HTML ainsi que des codes et des sorties.

Déplacer du texte en HTML Déplacer du texte en HTML Sep 04, 2024 pm 04:45 PM

Guide pour déplacer du texte en HTML. Nous discutons ici d'une introduction, du fonctionnement des balises de sélection avec la syntaxe et des exemples à implémenter.

Liste ordonnée HTML Liste ordonnée HTML Sep 04, 2024 pm 04:43 PM

Guide de la liste ordonnée HTML. Ici, nous discutons également de l'introduction de la liste et des types HTML ordonnés ainsi que de leur exemple respectivement.

Bouton HTML onclick Bouton HTML onclick Sep 04, 2024 pm 04:49 PM

Guide du bouton HTML onclick. Nous discutons ici de leur introduction, de leur fonctionnement, des exemples et de l'événement onclick dans divers événements respectivement.

See all articles