DHTML是声联语烈认月Dynamic HTML的简称，就是动态的html(标准通用标记语言下的一个应用)，是相对传统的静态的html而言的一种制作网页的概念。所谓动态HTML(Dynamic HTML，简称DHTML)，其实并不是来自一门新的语言，它只是HTML、CSS和客户端脚本的一种集成，即一个页面中包括html+css+javascript(或其它客户端脚本亚民而)，其中css和客户端360百科脚本是直接在页面上写而不是链接上相关文件。DHTML不是一种技术、标准或规范，只是一种将已操子才组题束线史往有的网页技术、语言标准整声兰合运用，制作出能在下载后仍然能实时变换页面元素效果的网页设计概念。
- 中文名称 动态HTML
- 外文名称 Dynamic HTML
- 简称 dhtml
- 概念 HTMLCSS和客户端脚本的一种集成
简介
DHTML 是一种使 HTML 页面具有动态特性的艺术。
后季误境形板定烈顾DHTML 是一种创建来自动态和交互 WEB 站点的技术集。
对大多数人来说，DHTML 意味着 HTML、CSS和 JavaScript 的组合。
分类
DHTML建立360百科在原有技术的基础上，可分为三个方面:
一是HTML(XHTML)，也就是页面中的各种页面元素对象，它们是被动态操纵的内容;
二是CSS，CS位失买值孔环S属性也是动态操纵的内容，从个属容得造拿而获得动态的格式效果;
三是客户端脚本(例如JavaScript)，它实际操纵Web页上的HTML和CSS。
使用DHTML技术，可也周示量乱预孩先期去使网页设计者创建出能够与用户交互并包含动态内容的页面。实际上，DHTML使网页设计者可以动态操纵网页上的所有元素--甚至是在这些页面被装载以后。利用DHTML，网页设计者可以动态地隐藏或显示内容、修改样式定义、激活元素以及为简到讨技元素定位。DHTML还可使网页设计者在网页上显示外部信息，方法是将元素捆绑到外部数据源(如文件和数据库)上。所有这些功能均可用浏览器完成而无需请求Web服务器，同时也无需重新装载网页。这是因为一切功能都包含在HTML文件中权磁具足没坐损响步，随着对网页的请求而一次滑书头该性下载到浏览器端。
作用
来自可见，DHTML技术是一种非陆染丰议间交零景很想常实用的网页设计技术。实际上算，DHTML早已广泛地应用到了各类大大小小的网站中，成为高水平网页必不可少的组成部分。
DHTML就是当网页从WEB服务器下载后无须再经过服务器的处理，而在浏览器中直接动态地更新网页的内容、排版样式、动画。比如，当鼠标移至文章段360百科落中，段落能够变成蓝色，或者当你点击一个超链后会自动生成一个下拉式的子亲三耐硫出滑专行受超链目录。这就是 Dynamic HTML(动态空律里补简的HTML)，它是近年来网络发展进程中最具实用性的创新之一。它是一种通过各种技术的综合发展而得以实现的概念，这些技术包括Java Script , VBScript, Document Object Model (文档对象模型)，Layers和Cascading Style Sheets ( CSS样式表)等。
W3C
DHTML 不是 W3C 标准
DHTML 指动态 HTML(Dynamic HTML)。
DHTML 不是由万维网联盟优北逐先名映额(W3C)规定的标准。DHTML 是一个营销术语 - 被网景公司(Netscape)和微软公司用来描述 4.x 代浏览器应鲜快亮众千皇宗有载当支持的新技术。
DHTML 是一种用来创建动态站点的技术组合物。
对大多数人来说，DHTML 意味着 HTML 4.0、样式表以及 JavaScript 的结合物。
W3C 曾讲过:"动态HTM乎连假如末超植甚其L是一个被某些厂商用来描述可使文档动态性更强的HTML、样式表以及脚本的结合物的术语。"
DHTML 技术
通过 DHTML，Web 开发者可控制如何在浏览器窗口中显示和定位 HTML 元素全采林妒积密田松效起。
HTML 4.0
通过 HTML 4.0，所有的格式化(信息)可移出HTML文档由步际养给款下立制抓，并写入一个独立的样式表中。因为 HTML 4.0 可以把文档的表现从其结构中分离，我们可以在不搞乱文档内容的情况下完全地控制表现层。
层叠样式表(CSS)
通过 CSS，我们得到了一种用于 HTML 文档的样式和布局模型。
由于 CSS 使开发者有能力同时控制多个网页的样式和布局，称九作由西失CSS 可以称作 Web 好设计领域的一个突破。作为开发者，您可以为每个 HTML 元素定义样式，并把它应用到您希望的任意多的页面上。如果需命奏富欢脱样端血送又要做一个全局的改变，只需简单地改变样式，Web 中所有的元素都会被自动地更新。
文档对象模型(DOM)
DOM 技轴离剧费指文档对象模型。
HTML DOM 是针对 HTML 的文档对象模型。
H四手怕准眼TML DOM 定义了针对 HTML 的一套标准的对象，以及访问和处理 HTML 对象的标准方法。
"W3C 文档对象模型(DOM)是一个中立于语言和平台的接口，它允许程序和脚本动态地访问和更新文档的内容、结构以及样式"。
Java的增眼叫降Script
使您有能力编写可控制所有 HTML 元素的代码。
在 Netscape 4.x 以及 Internet Explorer 4.x 的 DHTML 技术
Netscape 4.x 跨浏览器 DHTML Internet Explorer 4.x
JSS(JavaScript 众耐粮望连意样式表)(允许您控制不同的 HTML 元素如何显示)
Layers(允许您控制元素的定位和可见性)
CSS1
CSS2(允许您控制不同的 HTML 元素如何显示)
CSS Positioning (允许您控制元素的定位和可见性)
JavaScript
可视滤镜(允许您向文本率衣生和图形应用可视效果)
动态 CSS(允许您控制元素的定位和可见性)
注释
DHTML支持的聚源得病石长深慢防滤镜
属性 | 参数 | 描述 | 例子 |
|---|---|---|---|
alpha | opacity finishopacity style startx starty finishx finishy | 允许您设置元素的透明度 | filter:alpha(opacity=20,finishopacity=100,style=1,startx=0, starty=0,finishx=140,finishy=270) |
blur | add direction strength | 使元素模糊 | filter:blur(add=true,direction=90,strength=6); |
chroma | color | 使指定的颜色透明 | filter:chroma(color=#ff0000) |
fliph | none | 水平反转元素 | filter:fliph; |
flipv | none | 垂直反转元素 | filter:flipv; |
glow | color strength | 使元素发光 | filter:glow(color=#ff0000,strength=5); |
gray | none | 用黑白色来呈现元素 | filter:gray; |
invert | none | 用反转的颜色和亮度值来呈现元素 | filter:invert; |
mask | color | 呈现带有指定背景色和透明前景色的元素 | filter:mask(color=#ff0000); |
shadow | color direction | 呈现带有阴影的元素 | filter:shadow(color=#ff0000,direction=90); |
dropshadow | color offx offy positive | 呈现带有阴影的元素 | filter:dropshadow(color=#ff0000,offx=5,offy=5,positive=true); |
wave | add freq lightstrength phase strength | 把元素呈现为波浪状 | filter:wave(add=true,freq=1,lightstrength=3,phase=0,strength=5) |
xray | none | 使用黑白色显示带有反转色和亮度值的元素 | filter:xray; |
例子
在 Netscape 4.x 以及 Internet Explorer 4.x 的 DHTML 技术
Netscape 4.x | 跨浏览器 DHTML | Internet Explorer 4.x |
|---|---|---|
JSS(JavaScript 样式表)(允许您控制不同的 HTML 元素如何显示) Layers(允许您控制元素的定位和可见性) | CSS1 CSS2(允许您控制不同的 HTML 元素如何显示) CSS Positioning (允许您控制元素的定位和可见性) JavaScript | 可视滤镜(允许您向文本和图形应用可视效果) 动态 CSS(允许您控制元素的定位和可见性) |
只要各种浏览器所创建的属性特征和技术不被其他的浏览器支持，使用 DHTML 进行编码就会产生问题。某个网页在一款浏览器中看上去很棒，在另一款中却非常糟糕。
评论留言