Pengertian Children dan Direct Children pada HTML

Children dan Direct Children adalah 2 istilah yang sering kali dijumpai pada pembelajaran tentang HTML, CSS, dan Javascript. Kedua istilah ini merujuk pada sub elemen tertentu berdasarkan level/kedalaman sub itu sendiri. Untuk memahami perbedaan antara keduanya, perhatikan kode HTML berikut: 

	  
      <div>
        <span>
          <i><!--konten--></i>
          <i><!--konten--></i>
        </span>
        <span>
          <i><!--konten--></i>
          <i><!--konten--></i>
        </span>
      </div>


Children

Pada kode HTML di atas, semua elemen span dan i merupakan children dari elemen div


Direct Children

Pada kode HTML di atas, semua elemen span merupakan direct children dari elemen div, namun tidak untuk elemen i. Disini, tidak seperti children yang merujuk pada sumua sub, direct children hanya merujuk pada sub level pertama.
Komentar