**提示**：此条目的主题不是**动态网页**。 

| HTML |
| --- |
| * HTML
* 動態HTML
* HTML5
	+ 音频（英语：）
	+ 画布
	+ 视频（英语：）
* XHTML
	+ 基础（英语：）
	+ 移动概要
	+ C-HTML
* HTML元素
	+ Span与div
* HTML特性（英语：）
* HTML框架（英语：）
* HTML编辑器
* 字符编码
	+ Unicode（英语：）
* 語言代碼
* 文档对象模型
* 浏览器对象模型
* 样式表
	+ 层叠样式表
* 字体家族
* 网页颜色
* HTML脚本（英语：）
* JavaScript
	+ WebGL
	+ WebCL（英语：）
* W3C
	+ 驗証服務
* 網頁超文本應用技術工作小組
* 怪异模式
* 网页存储
* 排版引擎
 |
| 
比较 |
| * 文档标记语言
* 网页浏览器
* HTML
* 非标准HTML
* HTML5（英语：）
	+ 画布
	+ 媒体
* XHTML
	+ 1.1
 |
| * 
* 论
* 编
 |

动态HTML
**動態HTML**（**Dynamic HTML**，简称**DHTML**、**DHML**）指的是网页内容随着用户或计算机程序提供的参数而变化的HTML，通过结合HTML、用戶端脚本语言（Client Side Script，如JavaScript）、串接樣式表（CSS）和文件物件模型（DOM）来创建動態網頁內容。

应用
--

动态HTML技术根据运行地点，分為客户端脚本（也称浏览器脚本）和服务器脚本。

1. 客户端脚本  
客户端脚本包括JavaScript技术。是指在某个页面中，通过鼠标点击或键盘操作，与网页产生交互动作；或者在特定时间激发某个事件。客户端脚本在用户的电脑系统里运行。常用于多媒体展示和远程脚本调用。
2. 服务器脚本  
服务器脚本包括ASP, ColdFusion, Perl, PHP, Ruby, WebDNA等技术，一般通过Common Gateway Interface (CGI)来产生动态页面。通过在HTML表单中填写数据，更改URL地址中的参数，更改浏览器的类型等，每次都可能产生不同的页面，称之为动态页面。

最常见的例子包括：

* 产生交互式表单
* 生成类似WebCT的e-learning交互式在线基础培训
* 创建基于浏览器的视频游戏

結構
--

一個典型的使用 DHTML 如下:

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <title>DHTML example</title>
 <script type="text/javascript"> 
 function init() {
 myObj = document.getElementById("navigation");
 // .... more code
 }
 window.onload=init;
 </script>
 </head>
 <body>
 <div id="navigation"></div>
 <pre>
 Often the code is stored in an external file; this is done by linking the file that contains the JavaScript. 
 This is helpful when several pages use the same script:
 </pre>
 <script type="text/javascript" src="myjavascript.js"></script>
 </body>
</html>

```

範例
--

範例如下：

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
 <head>
 <title>Test</title>
 <style type="text/css">
 h2 {background-color: lightblue; width: 100%}
 a {font-size: larger; background-color: goldenrod} 
 a:hover {background-color: gold}
 #example1 {display: none; margin: 3%; padding: 4%; background-color: limegreen}
 </style>
 <script type="text/javascript">
 function changeDisplayState (id) {
 d=document.getElementById("showhide");
 e=document.getElementById(id);
 if (e.style.display == 'none' || e.style.display == "") {
 e.style.display = 'block';
 d.innerHTML = 'Hide example..............';
 } else {
 e.style.display = 'none';
 d.innerHTML = 'Show example';
 }
 }
 </script>
 </head>
 <body>
 <h2>How to use a DOM function</h2>
 <div><a id="showhide" href="javascript:changeDisplayState('example1')">Show example</a></div>
 <div id="example1">
 This is the example.
 (Additional information, which is only displayed on request)...
 </div>
 <div>The general text continues...</div>
 </body>
</html>

```

參考文獻
----

1. ↑ .  [2011-02-10]. （原始内容存档于2020-08-09）.

|  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |
| --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- |
| 

| * 
* 论
* 编
網頁技術與標準 |
| --- |
|  |
| 文档呈现语言 | 
* HTML\*（HTML5\*）
* XHTML\*
* XML\*
* XForms\*
* DHTML

 |
|  |
| 样式格式描述语言 | 
* CSS\*
* XSL\*

 |
|  |
| 动态网页技术 | 
* CGI
* FastCGI
* ASP
* ASP.NET
* ColdFusion
* JSP
* Perl（PSGI）
* Python（WSGI）
* Ruby
* Smalltalk
* PHP

 |
|  |
| 用戶端互動技术 | 
* ActiveX
* Java Applet
* JavaFX
* AJAX（XMLHTTP\*）
* WebSocket\*
* Silverlight
* ActionScript（Flash
* Flex
* AIR）
* Asm.js
* NaCl
* WebAssembly\*

 |
|  |
| 用戶端手稿語言 | 
* ECMAScript（JavaScript，JScript）
* VBScript

 |
|  |
| 标识定位语言 | 
* URL
* URI
* XPath
* URL重寫

 |
|  |
| 文档纲要语言 | 
* DTD\*
* XML Schema\*

 |
|  |
| \* 代表由W3C制定和维护的标准与规范 |

 |

|  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |
| --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- |
| 

| * 
* 论
* 编
網頁設計 |
| --- |
|  |
| 用戶端 | 

|  |  |
| --- | --- |
| 語言 | 
* DHTML（HTML、CSS、JavaScript）
* HTML5
* ActionScript（用於Flash）

 |
|  |
| 技術 | 
* 網頁親和力（無障礙網頁檢測（英语：））
* 無表格網頁設計
* 响应式网页设计
* MVVM
* WYSIWYG
* 容錯（優雅降級）
* CSS Sprite
* DOM
* WebGL
* MathML

 |

 |
|  |
| 伺服器端 | 

|  |  |
| --- | --- |
| 語言 | 
* Active Server Pages
* ASP.NET（C♯、VB.NET）
* JSP（Java）
* PHP
* CGI
* ColdFusion
* Perl
* Python
* Ruby
* Smalltalk
* Node.js（JavaScript）

 |
|  |
| 技術 | 
* Web应用框架
* AJAX
* MVC
* 單頁應用
* CRUD
* REST

 |

 |
|  |
| 應用 | 
* 網誌
* 网络论坛
* 企業入口網站
* 电子商务
* 内容管理系统
* 電子出版
* 數位下載
* 网页游戏

 |
|  |
| 其他 | 
* 網頁程式設計
* 网络应用程序
* 网页浏览器比较
* 排版引擎
* 搜尋引擎最佳化

 |

 |