Dynamic HTML

PHP用語集

Dynamic HTML ダイナミックHTML

【同】 ダイナミックHTML
【英】 DHTML

JavaScriptなどのスクリプト、CSSなどを使用することでHTMLを動的に変化させる技術。この技術を使用することにより、プラグインに頼ることなくHTMLの双方向性を高めることができる。Netscape Navigator 4.0、Internet Explorer 4.0から正式にサポートされたが、広く使われ出したのはAJAXなどの関連技術が普及した最近から。

関連用語

• DreamWeaver
• Ajax
• DOM
• JavaScript

IT用語辞典バイナリ

DHTML

フルスペル：Dynamic HyperText Markup Language
読み方：ディーエイチティーエムエル
別名：ダイナミックHTML，Dynamic HTML

DHTMLとは、マークアップ言語のHTMLの拡張仕様で、Webページに動的でインタラクティブな表現を追加するためのHTML仕様のことである。

DHTMLを使用すると、基本的に変化のない（静的な）構造のWebページに動きを与えることが可能となる。例えばマウスを画像に重ねると絵柄が変化するようにしたり、背景色を変化させたりといった、インタラクティブな効果を加えることができる。DHTMLはHTML4.0とCSS、JavaScript や VBScriptなどのスクリプト言語を中心として構成されており、HTML文書はDOM（Document Object Model）と呼ばれる一種のオブジェクトして、クライアント（Webブラウザ）側で処理されるようになっている。このため、ActiveXコントロール、Javaアプレットといった処理負荷の高い技術を使用しなくても動的ページを作成できるというメリットがある。

DHTMLはもともと、1997年にMicrosoft社とNetscape社が動的要素を表現可能なHTML技術としてそれぞれ独自にHTMLを拡張し、自社のブラウザ（Netscape Communicator4.0、Internet Explorer4.0）に組み込んだのが始まりとなっている。両者の仕様はそれぞれ別個のものであり、互換性を持っていない部分も多く存在した。そのためW3Cなどの標準規格としてはDHTMLという仕様は取り上げられていない。

WWWのほかの用語一覧

HTML：

アンカー  C-HTML  CSS  DHTML  em  FBML  HTML

>>HTMLカテゴリの他の用語

ウィキペディア

ダイナミックHTML

出典: フリー百科事典『ウィキペディア（Wikipedia）』 (2023/08/29 05:13 UTC 版)

この記事は検証可能な参考文献や出典が全く示されていないか、不十分です。出典を追加して記事の信頼性向上にご協力ください。（このテンプレートの使い方） 出典検索?: "ダイナミックHTML" – ニュース · 書籍 · スカラー · CiNii · J-STAGE · NDL · dlib.jp · ジャパンサーチ · TWL（2023年8月）

HTML
各種項目 HTML ダイナミックHTML HTML5 audio要素 canvas要素 video要素 XHTML Mobile Profile C-HTML HTML要素 HTMLフレーム（英語版） HTML エディター 文字符号化（英語版） Unicode（英語版） Document Object Model スタイルシート（CSS） フォントファミリー（英語版） ウェブカラー HTMLスクリプティング（英語版） JavaScript WebGL WebCL W3C（バリデータ） WHATWG 後方互換モード（英語版） ウェブストレージ レンダリングエンジン
比較 マークアップ言語（英語版） HTML（英語版） XHTML（英語版）
表 話 編 歴

ダイナミックHTML（英: dynamic HTML、DHTML）は、静的なHTMLの内容をCSSとJavaScript等のクライアントサイドスクリプト言語を用いて動的に変更するウェブ技術を指す抽象概念である。

視覚的な訴求効果の高いHTMLドキュメントを作成できるなどとして、1997年に起こったネットスケープとマイクロソフトのブラウザ戦争で生まれた。

背景

1997年当時は JavaScript からHTMLを参照、制御する方式が各社不統一であり、ウェブブラウザごとに別々の JavaScript を書く必要があった。この状況を打開すべく1998年10月にW3Cはクライアントサイドスクリプト言語とHTMLドキュメントの緩衝材としての役割を果たす Document Object Model（DOM）を勧告した。これによりDOMをサポートする新型のブラウザ（Internet Explorer 5.0 や、Netscape 6.0、Mozilla Firefox、Opera 7.0 など）であれば、ブラウザを問わずひとつの記述で HTMLドキュメントを参照、制御できるようになった。登場当初は応用方法が分からず、単なる飾りとして使われていたが、2005年のAjaxの提唱前後にWebアプリケーションの構築手法として広く用いられるようになった。

HTML Application

HTML Application（HTA）はダイナミックHTMLの機能を利用して Microsoft Windows のアプリケーションを作成する仕組みである。ダイナミックHTMLの登場によってインタラクティブなウェブページを容易に作成できるようになったが、HTAはそれらの仕組みを通常のアプリケーションの作成に応用する試みである。HTAの作成は、単にHTMLファイルの拡張子を「.hta」にするだけである。ダイナミックHTMLに対するHTA固有の拡張はHTA:APPLICATION要素、ActiveXやローカルファイルへのアクセスに制限がないことなどである。実行には Internet Explorer 5.0 以上が必要である。

HTA から別のリソースに HTTP リクエストを送出する際には HTTP_REFERER として HTA のファイル自身のフルパスを用いるウェブブラウザが存在するため^[要出典]、ファイルのフルパスにパソコンのアカウント名などの隠蔽したい情報が含まれている場合には注意が必要である。

Dashboard

Mac OS X v10.4 Tiger から搭載されたDashboard（ダッシュボード）では、Widget（ウィジェット）という小型のアプリケーションを実行することができる。Widget は HTML、CSS、JavaScript を用いたものである。HTMLとスタイルシートで外観を定義し、JavaScript でそれを制御するというもので、一足早く登場した Konfabulator（コンファビュレイター） というソフトウェアで実現されていた機能に似ている。ただし、正確に言えば Dashboard そのものは、Mac OS X v10.3 から搭載されたウィンドウ一覧表示機能、Exposé（エクスポゼ）の拡張であり、Widget は普段は隠れている点、インターフェースなどの記述に用いるマークアップ言語などが Konfabulator とは異なる。また JavaScript 制御のパッケージは Sherlock 3（シャーロック 3） の後続技術である。Widgetの内部からはネットワーク接続を行ったり、各アプリケーションにイベントを送信したり、アプリケーションやシェルスクリプトなどを実行することが可能になる。

関連項目

• XUL
• Extensible Application Markup Language (XAML)
• Ajax

外部リンク

• 標準に準拠したDHTML
  • DOMを利用した3Dアニメ（2004年12月6日時点のアーカイブ）
  • Updating DHTML Web Pages for next generation browsers（2004年9月27日時点のアーカイブ） - Netscape DevEdge
• 互換性の無いDHTML
  • Navigator 4 Dynamic HTML Developer Central（2004年12月4日時点のアーカイブ） - DevEdge Online Archive
  • Dynamic HTML（2005年3月11日時点のアーカイブ） - MSDN

表 話 編 歴 JavaScript
概念	文法（英語版） JavaScriptライブラリ 控えめなJavaScript
エンジン	Carakan/Futhark/Linear B Chakra JavaScriptCore JScript KJS Narcissus Nashorn Rhino SpiderMonkey V8
コンパイラ	AtScript Babel ClojureScript CoffeeScript Emscripten Google Closure Compiler Google Web Toolkit Haxe JSX（英語版） Kotlin Nim PureScript TypeScript
デバッガ	Firebug Google Chrome Developer Tools Internet Explorer Developer Tools Opera Dragonfly Visual Studio Visual Studio Express Visual Studio Code Web Inspector
エディタ	Atom Brackets Visual Studio Visual Studio Express Light Table Visual Studio Code WebStorm
サーバーサイド	Active Server Pages CommonJS Deno Node.js Vert.x（英語版） Wakanda（英語版）
フレームワーク ・ライブラリ	Angular/AngularJS Backbone.js Dojo Express.js Ext JS Google Web Toolkit jQuery Mobile MathJax MochiKit MooTools Prototype React Vue.js YUI Library（英語版）
ユニットテスト	Jasmine（英語版） Jest Mocha（英語版） QUnit ユニットテスト・フレームワーク一覧
Docジェネレータ	JSDoc
コード解析	ESLint（英語版） JSHint JSLint
パッケージ管理	npm NuGet
アプリケーション バンドラー	Webpack
関連技術	Ajax CSS DHTML DOM HTML JSON JSONP WebAssembly asm.js（英語版）
人物	ジョン・レシグ ダグラス・クロックフォード（英語版） ブレンダン・アイク ライアン・ダール
カテゴリ コモンズ ウィキブックス Portal:コンピュータ

表 話 編 歴 ECMAScript
方言	ActionScript DMDScript JavaScript asm.js（英語版） JScript TypeScript WMLScript
エンジン（英語版）	Carakan/Futhark/Linear B Chakra JavaScriptCore JScript KJS Narcissus Rhino SpiderMonkey V8
フレームワーク ・ライブラリ	クライアントサイド Dojo Ext JS Google Web Toolkit jQuery MochiKit MooTools Prototype YUI Library（英語版） サーバーサイド Jaxer Deno Node.js ライブラリ Backbone.js Underscore.js
人物	ブレンダン・アイク ダグラス・クロックフォード（英語版） ジョン・レシグ スコット・アイザックス（英語版） ライアン・ダール
その他	AMD（英語版） CommonJS DHTML E4X Ecmaインターナショナル JSDoc JSGI（英語版） JSHint JSLint JSON JSSS（英語版）

表 話 編 歴 Webインタフェース
サーバサイド	プロトコル HTTP v2 v3 暗号化 WebDAV CGI SCGI（英語版） FCGI AJP（英語版） WSRP（英語版） WebSocket APIs C NSAPI（英語版） C ASAPI C ISAPI Java Servlet CIL System.Web.IHttpHandler（英語版） Python WSGI Ruby Rack（英語版） JavaScript JSGI（英語版） Perl PSGI Lua WSAPI（英語版） トピックス Webサービス アプリケーションサーバ リソース (WWW) Open API（英語版） サーバサイドスクリプト Webhook
クライアントサイド	Browser APIs ActiveX Browser Helper Object Google Native Client WebAssembly Web API（英語版） W3C Canvas CORS（英語版） File API（英語版） Geolocation（英語版） IndexedDB Microdata（英語版） SVG WebGPU WebRTC WebSocket WebVTT Web Messaging（英語版） Web storage（英語版） Web worker（英語版） XMLHttpRequest オーディオ ビデオ クロノス WebCL WebGL その他 Gears Web SQL Database（英語版） WebUSB（英語版） トピックス Ajax DHTML Mashup Web IDL（英語版）
関連項目	ウェブページ 静的 動的（英語版） Open Web Platform（英語版） RIA Web API security（英語版） - ウェブアプリケーション
ウェブユーザインタフェース

典拠管理: 国立図書館	スペイン フランス BnF data イスラエル アメリカ チェコ

Weblio日本語例文用例辞書

「Dynamic HTML」の例文・使い方・用例・文例

• Boston Dynamicsのロボット「RHex」は、いろんな地形を走れるすごいやつです。
• HTML5に対応したブラウザ
• そのブラウザはHTMLタグを表示しないが、そのページの中身を実行するためにタグを使う。
• ウェブブラウザの目的はHTML文書を読み、それをウェブページとして表示することだ。
• HTMLメールでのご連絡はできればお控え下さい。
• HTMLメールの場合は迷惑メールと判断されて受信できない場合がございます。
• HTML文書を見るために使われるプログラム