Heim > Artikel > Web-Frontend > Was ist ein übergeordnetes Tag in HTML5?
Was ist ein übergeordnetes Tag in HTML5?
- WBOYOriginal
- 2022-01-23 15:04:002947Durchsuche
Wenn in HTML5 ein Tag von einem anderen Tag umschlossen wird, wird das umschlossene Tag als übergeordnetes Tag des umschlossenen Tags bezeichnet; das umschlossene Tag wird als untergeordnetes Tag des äußeren umschließenden Tags bezeichnet und die Syntax lautet „5eef37404274fc5ad58f468345a0f305189cc97f4d42fb92c20083f14b65fe0b52e394100d4bc44d0bfcbeb5f9c09ba1".
Die Betriebsumgebung dieses Tutorials: Windows 10-System, HTML5-Version, Dell G3-Computer.
Was ist ein übergeordnetes Tag in HTML5?
Zum Beispiel:
<div> <p></p> </div>
Relativ zu p ist div sein übergeordnetes Tag.
Doppelte Tag-Beziehungen können in zwei Kategorien unterteilt werden:
Vater-Kind-Beziehung (verschachtelte Beziehung)
Vater-Kind-Beziehung besteht darin, andere Elemente innerhalb eines Doppel-Tags zu verschachteln, dann entspricht das darin verschachtelte Element dem „Kind“ und sein äußeres Element entspricht dem „Elternteil“.
Bruderbeziehung (Parallelbeziehung)
Bruderbeziehung bedeutet, dass das „übergeordnete Tag“ mehrere parallele Elemente enthält und die Beziehung zwischen diesen parallelen Elementen Brüderlichkeit ist.
Übergeordnetes Element, untergeordnetes Element, Bruderelement, untergeordnetes Element
Wie Sie der obigen Eltern-Kind-Beziehung entnehmen können, ist das „Elternteil“ entsprechende Element das übergeordnete Element und das verschachtelte Element das untergeordnete Element.
Wenn Gibt es mehrere verschachtelte Elemente, dann sind diese mehreren Elemente Bruderelemente zueinander. Das untergeordnete Element ist das untergeordnete Element innerhalb des untergeordneten Elements, und das untergeordnete Element des untergeordneten Elements ist das untergeordnete Element des übergeordneten Elements seines äußeren Elements
Talk ist günstig, zeig dir (mir) den 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>empfohlenes Tutorial: „
HTML-Video-TutorialDas obige ist der detaillierte Inhalt vonWas ist ein übergeordnetes Tag in HTML5?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!