ダイナミックHTMLとは

一般的にDOMスクリプトまたはDHTMLとして知られるダイナミックHTMLは、Webサイトでインタラクティブな要素を作成するために使用できるツールのセットです。 通常、ダイナミックHTMLは、Webのマークアップ言語である標準HTMLとスクリプト言語を組み合わせます。 これにより、Webサイト設計者は、ページが読み込まれた後にユーザーが変更できる可変要素をWebページに含めることができます。 ダイナミックHTMLの例は、ユーザーがマウスを重ねるとドロップダウンするメニューです。 DHTMLゲームも人気が高まっています。

静的HTMLから構築されたWebサイトは、一度読み込まれたユーザーが変更または編集することはできません。 基本的なWebサイトの場合、これは問題ではありませんが、多くのWebサイトおよびアプリケーションでは、対話性の欠如が問題です。 ダイナミックHTMLは、通常のHTMLとシンプルなスクリプト言語であるJavaScriptを組み合わせて、インタラクティブな要素を通じてWebデザイナーにはるかに大きな自由を提供します。

標準HTMLには変更可能な「変数」はありませんが、動的HTMLにはあります。 DHTMLを使用するWebサイトが読み込まれると、スクリプト言語を使用してページの特定の要素を変更できます。 ただし、動的に生成されたコンテンツでページを作成することはできません。 このために、WebデザイナーはPHPやPerlなどのサーバー側スクリプト言語を使用する必要があります。

元々、ダイナミックHTMLはDHTMLと呼ばれていました。 このテクノロジーをすべてのインターネットブラウザーで動作させるための初期の問題により、このラベルは時代遅れになりました。 代わりに、この技術は通常、Document Object Modelスクリプトを表すDOMスクリプトと呼ばれています。 これにより、すべてのブラウザーで機能する一連の規則が提供され、動的にアニメーション化されたWebページの開発がはるかに簡単になります。

ダイナミックHTMLの実際の一般的な例は多数あります。 ドロップダウンメニュー以外に、サーバーに送信してコンテンツを自動的に更新する必要なく情報を返すことができるフォームも2つの例です。 これらは、標準のHTMLとサーバー側のスクリプト言語を使用して達成することは非常に困難または不可能です。 特定のアクションが実行されるまでユーザーからコンテンツを非表示にすることも、このテクノロジーの一般的な使用法です。

クロスブラウザの問題がまれに発生し始めているため、ダイナミックHTMLゲームの開発はそれほど難しくありません。 DOMスクリプトゲームはまだ比較的まれですが、この技術は小さなブラウザーベースのゲームに適しています。 DHTMLゲームの利点は、人気のあるオペレーティングシステムをウィジェットとして実行できることです。