Element dziecko

Gdy w zawartości elementu X umieścimy element Y, element Y staje się elementem dzieckiem elementu X.

Przykład:

<main>
  <article>
    <h1>Mój ulubiony kwiat</h1>
    <p>Moim ulubionym kwiatem jest <b>róża</b>.</p>
  </article>
</main>

W tym przykładzie jedynym elementem dzieckiem elementu main jest element article.

<!-- element "article" jest pierwszym i jedynym elementem dzieckiem elementu "main" -->
<main>
  <article>
    <h1>Mój ulubiony kwiat</h1>
    <p>Moim ulubionym kwiatem jest <b>róża</b>.</p>
  </article>
</main>

Pierwszym elementem dzieckiem elementu article jest element h1, natomiast drugim elementem dzieckiem elementu article jest element p.

<!--
  element "h1" jest pierwszym elementem dzieckiem elementu "article"
  element "p" jest drugim elementem dzieckiem elementu "article"
-->
<main>
  <article>
    <h1>Mój ulubiony kwiat</h1>
    <p>Moim ulubionym kwiatem jest <b>róża</b>.</p>
  </article>
</main>

Element h1 nie posiada swojego elementu dziecka.

<!-- element "h1" nie posiada swojego elementu dziecka -->
<main>
  <article>
    <h1>Mój ulubiony kwiat</h1>
    <p>Moim ulubionym kwiatem jest <b>róża</b>.</p>
  </article>
</main>

Jedynym elementem dzieckiem elementu p jest element b.

<!-- element "b" jest pierwszym i jedynym elementem dzieckiem elementu "p" -->
<main>
  <article>
    <h1>Mój ulubiony kwiat</h1>
    <p>Moim ulubionym kwiatem jest <b>róża</b>.</p>
  </article>
</main>

Element b nie posiada swojego elementu dziecka.

<!-- element "b" nie posiada swojego elementu dziecka -->
<main>
  <article>
    <h1>Mój ulubiony kwiat</h1>
    <p>Moim ulubionym kwiatem jest <b>róża</b>.</p>
  </article>
</main>