Que signifie le nœud en HTML5

青灯夜游
Libérer: 2022-01-17 14:18:39
original
8913 Les gens l'ont consulté

En HTML5, le nœud est le composant le plus basique d'une page Web. Chaque partie d'une page Web peut être appelée un nœud comme : les éléments HTML, les attributs, le texte, les commentaires, l'ensemble du document, etc.

Que signifie le nœud en HTML5

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

Le nœud est le composant le plus basique de notre page Web. Chaque partie de la page Web peut être appelée un nœud :

  • Le document entier est un nœud de document

  • Chaque élément HTML est un nœud d'élément

  • HTML Le texte à l'intérieur de l'élément est un nœud de texte

  • Chaque attribut HTML est un nœud d'attribut

  • L'annotation est un nœud de commentaire

Les éléments HTML, les attributs, le texte, les commentaires, l'ensemble du document, etc. un nœud.

Il existe quatre types de nœuds en HTML :

  • Nœud Document : représente l'intégralité du code HTML ;

  • Nœud Élément : représente la balise et le contenu qu'elle contient ;

  • Nœud Attribut : les attributs du fichier HTML. Balise HTML ;

  • Nœud Texte : le texte du contenu dans l'étiquette.

Arbre de nœuds :

Que signifie le nœud en HTML5

Nœud parent, enfant et frère

Les nœuds de l'arborescence de nœuds ont des relations hiérarchiques les uns avec les autres.

Nous utilisons souvent des termes tels que parent, enfant et frère/sœur pour décrire ces relations. Les nœuds parents ont des nœuds enfants. Les enfants du même niveau sont appelés frères et sœurs (frères ou sœurs).

  • Dans l'arborescence des nœuds, le nœud supérieur est appelé la racine.

  • Chaque nœud a un parent, sauf la racine (qui n'a pas de parent).

  • Un nœud peut avoir n'importe quel nombre de nœuds enfants.

  • Les frères et sœurs sont des nœuds qui ont le même nœud parent.

L'image ci-dessous montre une partie d'une arborescence de nœuds et les relations entre les nœuds :

Que signifie le nœud en HTML5

Veuillez consulter l'extrait HTML ci-dessous :

<html>
  <head>
    <meta charset="utf-8">
    <title>节点</title>
  </head>
  <body>
    <h1>DOM 课程1</h1>
    <p>Hello world!</p>
  </body>
</html>
Copier après la connexion

À partir du code HTML ci-dessus :

  • n'a pas de parent ; c'est le nœud racine

  • et le parent de est Le nœud
  • le nœud de texte "Bonjour tout le monde !" ;p> Le nœud

et :

  • Le nœud a deux nœuds enfants :

    Le nœud et
  • a également un nœud enfant : le nœud de texte "DOM Tutorial"
  • sont également membres des nœuds enfants

  • et :

de l'élément
  • est le premier nœud enfant de l'élément

  • Recommandations associées : "

    Tutoriel vidéo 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!

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal