2.3.2 부모, 자식, 형제 관계
HTML은 태그를 사용할 때 부모, 자식, 형제라고 하는 관계가 성립됩니다. 1.2 첫 번째 HTML 문서 만들기에서 작성한 예제 코드를 보면 html 태그 안에 head 태그와 body 태그가 있습니다. 이때 head 태그와 body 태그는 html 태그의 자식이 됩니다. 반대로 html 태그는 head 태그와 body 태그의 부모가 됩니다. 그리고 head 태그와 body 태그는 부모(html 태그)가 같으므로 형제 관계가 됩니다.
<html lang="ko"> ①
②
③ <head> <!-- head 태그 내용 생략 --> </head>
③ <body> <!-- body 태그 내용 생략 --> </body>
</html>
① 부모
② 자식
③ 형제
나머지 코드도 마찬가지입니다. head 태그 안에 있는 meta 태그와 title 태그는 head 태그와 부모 자식 관계가 되고, meta 태그와 title 태그는 형제 관계가 됩니다. 이처럼 HTML은 태그의 사용 위치에 따라 부모, 자식, 형제 관계를 맺습니다.
Note 조상과 자손(후손) 관계
여기서는 가장 일반적인 부모, 형제, 자식 관계만 설명했지만, 상황에 따라 조상과 자손(후손) 관계까지 설명하는 경우도 있습니다. 조상은 부모의 부모 태그를 말하고 자손(후손)은 자식의 자식 태그를 말합니다. 우리에게는 이미 익숙한 관계 설명이므로 이렇게 구분하기도 한다는 정도만 가볍게 알고 넘어갑시다.