동적 HTML은 실제로 HTML의 새로운 사양이 아니라 표준 HTML 코드 및 명령을보고 제어하는 새로운 방법입니다.
동적 HTML을 생각할 때 표준 HTML의 품질을 기억해야합니다. 특히 페이지가 서버에서로드되면 다른 요청이 서버에 도착할 때까지 변경되지 않습니다. 동적 HTML은 HTML 요소를보다 강력하게 제어하고 웹 서버로 돌아 가지 않고도 언제든지 변경할 수 있습니다.
DHTML에는 네 부분이 있습니다.
- DOM (Document Object Model) (정의)
- 스크립트
- 계단식 스타일 시트 (CSS)
- XHTML
DOM
DOM은 DHTML로 웹 페이지의 모든 부분에 액세스 할 수있게 해주는 곳입니다. 웹 페이지의 모든 부분은 DOM에 의해 지정되며 일관된 명명 규칙을 사용하여 액세스 할 수 있고 속성을 변경할 수 있습니다.
스크립트
JavaScript 또는 ActiveX로 작성된 스크립트는 DHTML을 활성화하는 데 사용되는 두 가지 가장 일반적인 스크립팅 언어입니다. 스크립팅 언어를 사용하여 DOM에 지정된 객체를 제어합니다.
계단식 스타일 시트
CSS는 DHTML에서 웹 페이지의 모양과 느낌을 제어하는 데 사용됩니다. 스타일 시트는 텍스트의 색상과 글꼴, 배경색과 이미지 및 페이지에있는 객체의 배치를 정의합니다. 스크립팅과 DOM을 사용하여 다양한 요소의 스타일을 변경할 수 있습니다.
XHTML
XHTML 또는 HTML 4.x는 페이지 자체를 만들고 CSS 및 DOM이 작동하도록 요소를 작성하는 데 사용됩니다. DHTML을위한 XHTML에는 특별한 것이 없습니다. 그러나 유효한 XHTML을 갖는 것은 브라우저보다 더 많은 것들이 작동하기 때문에 더욱 중요합니다.
DHTML의 특징
DHTML에는 네 가지 기본 기능이 있습니다.
- 태그 및 속성 변경하기
- 실시간 포지셔닝
- 동적 글꼴 (Netscape Communicator)
- 데이터 바인딩 (Internet Explorer)
태그 및 속성 변경하기
이것은 DHTML의 가장 일반적인 용도 중 하나입니다. 브라우저 외부의 이벤트 (예 : 마우스 클릭, 시간 또는 날짜 등)에 따라 HTML 태그 의 품질을 변경할 수 있습니다. 이것을 사용하여 정보를 페이지에 미리로드하고, 독자가 특정 링크를 클릭하지 않으면 정보를 표시 할 수 없습니다.
실시간 포지셔닝
대부분의 사람들이 DHTML에 대해 생각할 때 이것은 기대하는 바입니다. 웹 페이지에서 움직이는 객체, 이미지 및 텍스트 이렇게하면 독자와 대화 형 게임을하거나 화면의 일부를 움직일 수 있습니다.
동적 글꼴
이것은 넷스케이프 전용 기능입니다. 넷스케이프 (Netscape)는 디자이너가 가지고있는 문제를 해결하기 위해 독자의 시스템에 어떤 글꼴이 있는지 알지 못하도록하기 위해이를 개발했다 . 동적 글꼴을 사용하면 글꼴이 인코딩되어 페이지와 함께 다운로드되므로 페이지에서 항상 디자이너가 의도 한 모양을 볼 수 있습니다.
데이터 바인딩
이것은 IE 전용 기능입니다. Microsoft 는 웹 사이트에서 데이터베이스에 더 쉽게 액세스 할 수 있도록하기 위해이를 개발했습니다. CGI 를 사용하여 데이터베이스에 액세스하는 것과 매우 유사하지만 ActiveX 컨트롤을 사용하여 작동합니다. 이 기능은 초급 DHTML 작성자가 사용하기에 매우 어렵습니다.