Maison > Article > interface Web > Qu'est-ce que la balise parent en HTML5
Qu'est-ce que la balise parent en HTML5
- WBOYoriginal
- 2022-01-23 15:04:002953parcourir
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".
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!