DHTML 简介

DHTML是Dynamic HTML的简称,就是动态的html(标准通用标记语言下的一个应用),是相对传统的静态的html而言的一种制作网页的概念。所谓动态HTML(Dynamic HTML,简称DHTML),其实并不是一门新的语言,它只是HTML、CSS和客户端脚本的一种集成,即一个页面中包括html+css+javascript(或其它客户端脚本),其中css和客户端脚本是直接在页面上写而不是链接上相关文件。DHTML不是一种技术、标准或规范,只是一种将目前已有的网页技术、语言标准整合运用,制作出能在下载后仍然能实时变换页面元素效果的网页设计概念。

DHTML建立在原有技术的基础上,可分为三个方面:
一是HTML(XHTML),也就是页面中的各种页面元素对象,它们是被动态操纵的内容;
二是CSS,CSS属性也是动态操纵的内容,从而获得动态的格式效果;
三是客户端脚本(例如JavaScript),它实际操纵Web页上的HTML和CSS。
使用DHTML技术,可使网页设计者创建出能够与用户交互并包含动态内容的页面。实际上,DHTML使网页设计者可以动态操纵网页上的所有元素——甚至是在这些页面被装载以后。利用DHTML,网页设计者可以动态地隐藏或显示内容、修改样式定义、激活元素以及为元素定位。DHTML还可使网页设计者在网页上显示外部信息,方法是将元素捆绑到外部数据源(如文件和数据库)上。所有这些功能均可用浏览器完成而无需请求Web服务器,同时也无需重新装载网页。这是因为一切功能都包含在HTML文件中,随着对网页的请求而一次性下载到浏览器端。

 

<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<style>
h2
{
width:100%;
}
</style>
</head>

<body>

<h2 style="filter:glow()">发光</h2>
<h2 style="filter:blur()">模糊</h2>
<h2 style="filter:fliph()">Flip H</h2>
<h2 style="filter:flipv()">Flip V</h2>
<h2 style="filter:shadow()">阴影</h2>
<h2 style="filter:dropshadow()">阴影</h2>
<h2 style="filter:wave(Strength=2)">波浪</h2>

<p>注释:如果元素的 width 属性没有设置,那么滤镜不会起作用。</p>
</body>
</html>

 

效果图:
DHTML 简介_第1张图片
 

 

你可能感兴趣的:(DHTML 简介)