HTML 노드의 종류(웹퍼블리싱/프론트엔드/html/css/javascript/기초)

HTML DOM은 노드(Node)라고 불리는 계층적 단위에 정보를 저장하고 있음.

HTML DOM은 이러한 노드들을 정의하고, 그들 사이의 관계를 설명해주는 역할을 함.

 

노드의 종류
노드	설명
문서 노드(document node)	HTML 문서 전체를 나타내는 노드
요소 노드(element node)	모든 HTML 요소는 요소 노드이며, 속성 노드를 가질 수 있는 유일한 노드임.
속성 노드(attribute node)	모든 HTML 요소의 속성은 속성 노드이며, 요소 노드의 관한 정보를 가지고 있음.  하지만 해당 요소 노드의 자식 노드(child node)에는 포함되지 않음.
텍스트 노드(text node)	HTML 문서의 모든 텍스트는 텍스트 노드임.
주석 노드(comment node)	HTML 문서의 모든 주석은 주석 노드임.
참고URL :  http://tcpschool.com/javascript/js_dom_node

 

일단 노드(node)에 대해서 찾아보면 위와같이 설명이 되어있는데,

그냥 전문적인 지식을 빼고 개인적으로 이해하기 편하게 생각했을때 노드(node)란 HTML 문서를 구성하는 요소들을 큰 묶음으로 구분짖는 단위라고 생각하는게 좋을 것 같고, 조금 다르게 생각하면 컴퓨터가 HTML 문서를 읽을때 문서에 있는 코드 및 내용에 대해 노드단위 묶음으로 분류를 할수 있겠구나 정도로 이해해도 나쁘지 않을것 같다.

 

• 문서 노드 : 아 얘는 HTML 문서구나
• 요소 노드 : 아 얘는 HTML 문서 내에서 요소에 해당하는 애들이구나
• 속석 노드 : 아 얘는 HTML 문서 내에서 속성에 속하는 애들이구나
• 텍스트 노드 : 아 얘는 HTML 문서 내에서 텍스트 부분이구나
• 주석 노드 : 아 얘는 HTML 문서 내에서 주석 부분이구나