ダイナミックHTMLは実際にはHTMLの新しい仕様ではなく、むしろ標準のHTMLコードとコマンドを見て制御する新しい方法です。
動的HTMLを考えるときは、標準HTMLの品質を覚えておく必要があります。特に、ページがサーバーからロードされると、別の要求がサーバーに送信されるまで変更されません。 ダイナミックHTMLは、HTML要素をより詳細に制御し、Webサーバーに戻ることなく、いつでも変更することができます。
DHTMLには4つの部分があります。
- ドキュメントオブジェクトモデル(DOM)(定義)
- スクリプト
- カスケードスタイルシート (CSS)
- XHTML
DOM
DOMは、Webページのどの部分にもアクセスしてDHTMLで変更できるようにするものです。 Webページのすべての部分は、DOMによって指定され、一貫した命名規則を使用してアクセスし、そのプロパティを変更することができます。
スクリプト
JavaScriptまたはActiveXで書かれたスクリプトは、DHTMLを有効にするために使用される2つの最も一般的なスクリプト言語です。 スクリプティング言語を使用して、DOMで指定されたオブジェクトを制御します。
カスケードスタイルシート
DHTMLでは、CSSを使用してWebページのルック&フィールを制御します。 スタイルシートは、テキストの色とフォント、背景の色とイメージ、およびページ上のオブジェクトの配置を定義します。 スクリプティングとDOMを使用して、さまざまな要素のスタイルを変更できます。
XHTML
XHTMLまたはHTML 4.xは、ページ自体を作成し、CSSとDOMが動作するための要素を構築するために使用されます。 DHTML用のXHTMLには特別なことは何もありませんが、有効なXHTMLを持つことは、ブラウザだけでなく、より多くのことがあります。
DHTMLの特徴
DHTMLには主に次の4つの機能があります。
- タグとプロパティの変更
- リアルタイムポジショニング
- 動的フォント(Netscape Communicator)
- データバインディング(Internet Explorer)
タグとプロパティの変更
これは、DHTMLの最も一般的な用途の1つです。 これにより、ブラウザ外のイベント(マウスのクリック、時間、日付など)に応じて、 HTMLタグの品質を変更することができます。 これを使用して、ページに情報をプリロードし、特定のリンクをクリックしない限り、情報を表示することはできません。
リアルタイム測位
ほとんどの人がDHTMLを考えるとき、これは彼らが期待するものです。 Webページを移動するオブジェクト、イメージ、およびテキスト。 これにより、インタラクティブなゲームをあなたの読者と一緒にプレイしたり、画面の一部をアニメーション化することができます。
ダイナミックフォント
これはNetscapeの機能です。 Netscapeは、これを開発して、デザイナーが持っていた問題を回避し、どのフォントが読者のシステム上にあるのかわからないようにしました。 ダイナミックフォントでは、フォントはエンコードされ、ページと共にダウンロードされるので、ページは常にデザイナーの意図に見えます。
データバインディング
これはIE専用の機能です。 マイクロソフトはWebサイトからのデータベースへのアクセスを容易にするためにこれを開発しました。 CGIを使用してデータベースにアクセスするのと非常によく似ていますが、ActiveXコントロールを使用して機能します。 この機能は非常に高度であり、最初のDHTMLライターには使いにくいです。