Qu'est-ce que la balise parent en HTML5-Questions et réponses frontales-php.cn

Qu'est-ce que la balise parent en HTML5

WBOY

Libérer： 2022-01-23 15:04:43

original

2937 Les gens l'ont consulté

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 "< Balise parent> ;".

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>

Copier après la connexion

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>

Copier après la connexion

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!