JQuery

DOM과 HTML의 관계

앙큼한유채 2017. 6. 25. 20:00

1. 웹 페이지를 처리하는 단계


1. 페이지 읽기

   - '페이지 읽기'에서는 브라우저가 HTML 페이지를 읽습니다.

2. 파싱

   - '파싱'에서는 웹페이지 내용을 해석하고, 개발자가 작성한 마크업 태그와 1:1매칭이 되는 DOM 클래스의 객체를 실행하고, 생성된 객체는 저마다 고유 기능을 동작 하게 됩니다.

3. 출력

   - '출력'에서는 생성한 DOM객체를 가지고 웹페이지 화면을 생성하게됩니다.

 


2. DOM과 노드의 관계


HTML 구성 요소의 가장 작은 단위 노드라 합니다. 노드에는 <div>, <img>, <body>, <label>, 주석 등이 해당됩니다. 웹브라우저는 읽어 들일 때 노드들을 해석한 후 각 노드와 1:1로 대응하는 DOM 객체를 생성합니다. DOM객체는