"."/> ".">

Maison  >  Article  >  interface Web  >  Qu'est-ce que la balise parent en HTML5

Qu'est-ce que la balise parent en HTML5

WBOY
WBOYoriginal
2022-01-23 15:04:002949parcourir

En HTML5, lorsqu'une balise est enveloppée par une autre balise, la balise encapsulée est appelée la balise parent de la balise encapsulée ; la balise encapsulée est appelée la balise enfant de la balise d'emballage externe, et la syntaxe est "95dad60df5715ce681d135cdf4d90b31a0eb8e6ef379d75f2f90663b76d1ec8dd2bf54ee2c12820d253fa982ccb4a61e".

Qu'est-ce que la balise parent en HTML5

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

Qu'est-ce qu'une balise parent en HTML5

Par exemple :

<div>
<p></p>
</div>

Par rapport à p, div est sa balise parent

La relation à double balise peut être divisée en deux catégories :

Relation père-enfant (relation imbriquée)

Père-enfant La relation est d'imbriquer d'autres éléments dans une double balise, puis l'élément imbriqué à l'intérieur est équivalent à "l'enfant", et son élément extérieur est équivalent au "parent".

Relation frère (relation parallèle)

La relation frère signifie qu'il y a plusieurs éléments parallèles dans la « balise parent », et la relation entre ces éléments parallèles est la fraternité.

Élément parent, élément enfant, élément frère, élément descendant

Comme vous pouvez le voir dans la relation parent-enfant ci-dessus, l'élément équivalent à "parent" est l'élément parent, et l'élément imbriqué est l'élément enfant

Si il y a plusieurs éléments imbriqués, alors ces multiples éléments sont des éléments frères les uns aux autres

L'élément descendant est l'élément enfant à l'intérieur de l'élément enfant, et l'élément enfant de l'élément enfant est le descendant de l'élément parent de son élément externe

talk n'est pas cher, montre-moi le code

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>
    <!-- <div>是<body>的子元素 ,<body>是父元素,<body>和<div>是父子关系-->
        <h1>这是后代元素1</h1>
        <p>这是后代元素2,和后代元素1是兄弟关系,并且互为兄弟元素</p>
    </div>
</body>
</html>

tutoriel recommandé : "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!

Déclaration:
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