DHTML 개요
기본적으로 필요한 지식
계속 공부하기 전에, 다음과 같은 기본 지식을 가지고 있어야 합니다:
- HTML
- CSS
- JavaScript
이 프로젝트를 먼저 배우고 싶다면, 우리의 홈페이지 이 튜토리얼에 접근하세요.
DHTML은 W3C 표준이 아닙니다.
DHTML은 동적 HTML(Dynamic HTML)을 의미합니다.
DHTML은 월드 와이드 웹 연맹(W3C)에 의해 정의된 표준이 아닙니다. DHTML은 마케팅 용어로, 넷스케이프(Netscape)와 마이크로소프트(Microsoft)가 4.x 대 브라우저가 지원해야 할 새로운 기술을 설명하기 위해 사용했습니다.
DHTML은 동적 웹 사이트를 만들기 위한 기술 집합체입니다.
많은 사람들에게 DHTML은 HTML 4.0, 스타일 시트 및 자바스크립트의 결합체를 의미합니다.
W3C는 다음과 같이 말했습니다: '동적 HTML은 일부 제조업체가 문서의 동적성을 더 높이기 위해 사용하는 HTML, 스타일 시트 및 스크립트의 결합체를 의미하는 용어입니다.'
DHTML 기술
DHTML을 통해 웹 개발자는 브라우저 창에서 HTML 요소의 표시와 위치를 제어할 수 있습니다.
HTML 4.0
HTML 4.0을 통해 모든 포맷(정보)은 HTML 문서에서 분리되어 독립된 스타일 시트에 기록될 수 있습니다. HTML 4.0은 문서의 표현을 구조에서 분리할 수 있기 때문에, 문서 내용을 혼란스럽게 하지 않고 표현 계층을 완전히 제어할 수 있습니다.
스타일 시트( CSS)
CSS를 통해 HTML 문서의 스타일과 레이아웃 모델을 얻습니다.
CSS가 개발자가 여러 웹 페이지의 스타일과 레이아웃을 동시에 제어할 수 있게 해주기 때문에, CSS는 웹 디자인 분야의 하나의 혁신으로 불릴 수 있습니다. 개발자로서, 각 HTML 요소에 스타일을 정의하고 원하는 모든 페이지에 적용할 수 있습니다. 전체적인 변경이 필요하다면, 단순히 스타일을 변경하면 웹에서 모든 요소가 자동으로 업데이트됩니다.
문서 객체 모델(DOM)
DOM은 문서 객체 모델을 의미합니다.
HTML DOM은 HTML에 대한 문서 객체 모델입니다.
HTML DOM은 HTML에 대한 표준 객체 집합과 HTML 객체에 대한 접근 및 처리 표준 메서드를 정의합니다.
“W3C 문서 객체 모델（DOM）은 언어와 플랫폼에 중립적인 인터페이스로, 프로그램과 스크립트가 문서의 내용, 구조 및 스타일을 동적으로 접근하고 업데이트할 수 있도록 허용합니다.”
JavaScript
모든 HTML 요소를 제어할 수 있는 코드를 작성할 수 있는 능력을 제공합니다.
Netscape 4.x 및 Internet Explorer 4.x의 DHTML 기술
| Netscape 4.x | 크로스 브라우저 DHTML | Internet Explorer 4.x |
|---|---|---|
|
|
|
주석:다양한 브라우저가 생성한 속성과 기술이 다른 브라우저에서 지원되지 않으면, DHTML을 사용하여编码할 때 문제가 발생할 수 있습니다. 특정 웹 페이지가 하나의 브라우저에서는 아름다워 보일 수 있지만, 다른 브라우저에서는 매우 나쁘게 보일 수 있습니다.
