Java Script & DOM/HTML DOM

DHTML(Dynamic HTML) 이란

본클라쓰 2009. 6. 30. 14:58

 

Dynamic HTML 인 DHTML 은 HTML 페이지에 자바 스크립트, DOM, CSS 를 활용하여 웹 페이지를 동적이고, 상호 작용적인 페이지로 만드는 기술을 말한다. 따라서 DHTML 은 프로그램 언어가 아닌 동적인 HTML 웹 페이지를 제작하는 기술을 말한다. HTML 페이지를 제작하기 위해서는 자바 스크립트가 기본이 되며 HTML DOM 을 사용하여 태그 요소에 접근하고 속성이나 속성 값을 변경하고 CSS를 사용하여 웹 페이지를 더욱 동적으로 제작하는 기술이다. 

 

따라서 DHTML 을 이해하기 위해서는 HTML, 자바 스크립트, DOM, CSS 를 이해하고 있어야 한다. HTML 문서를 이루는 구조를 알아야 하며, 자바 스크립트를 사용하여 문서의 태그와 이벤트를 연결하며, 태그의 속성이나 텍스트 노드를 다루고 CSS를 사용하여 더욱 동적으로 페이지를 변환시키는 기술을 DHTML 이다.

 

 

 

 

 

 

 

DHTML을 구성하는 기술

 

기 술

설 명

HTML 4.0

HTML 4.0은 자바 스크립트를 지원한다. 그리고 DOM(Document Object Model)을 지원하며 HTML 이벤트와 CSS를 지원한다.

자바 스크립트(Java Script)

자바 스크립트는 HTML 스크립팅 언어의 표준으로서 DHTML 페이지는 자바 스크립트로 HTML태그 엘레멘트에 접근, 제어, 수정을 한다.

HTML DOM

HTML DOM은 HTML 문서 객체 모델(Document Object Model)의 W3C 표준안이다. DOM은 HTML 문서의 태그 엘레멘트에 접근 및 조정을 위한 객체 모델의 표준이다.

HTML 이벤트

HTML 이벤트를 다루는 표준 이벤트 모델을 HTML DOM이다. DHTML은 웹 페이지에 사용자 이벤트를 생성하여 자바스크립트와 연결하는 것이다.

CSS

CSS는 HTML문서의 스타일과 레이아웃 모델의 표준이다. CSS는 웹 개발자에게 웹 페이지의 스타일과 레이아웃 조정을 할 수 있게 해준다.