Explication détaillée de l'apprentissage standard HTML5 de la structure du document-Tutoriel H5-php.cn

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

黄舟

Libérer： 2017-03-27 15:34:49

original

1622 Les gens l'ont consulté

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 :

&lt;!DOCTYPE html&gt;

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

Une balise BOM, et cette balise BOM doit être U+FEFF .
0-n espaces ou commentaires.
Déclaration DOCTYPE.
0-n espaces ou commentaires.
Un élément HTML.
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 <!DOCTYPE html> 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
, c'est-à-dire que les balises de début et de fin de
ne peuvent pas être omises. <html><html>

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!

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

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