Document Object Model
Difference between HTML and DHTML
Dynamic HTML, or DHTML, is an umbrella term for a
collection of technologies used together to create
interactive and animated web sites by using a
combination of a static markup language, a client side
scripting language, a presentation definition language,
and the Document Object Model.
Allows scripting languages to change variables in a
web page's definition language.
Dynamic HTML is not really a new specification of
HTML, but rather a new way of looking at and
controlling the standard HTML codes and commands.
DHTML is dynamic interaction between the user and a
Changing the tags and properties
Dynamic fonts (Netscape Communicator)
Data binding (Internet Explorer)
Animate text and images in their document,
independently moving each element from any starting
point to any ending point, following a predetermined
path or one chosen by the user.
Embed a ticker that automatically refreshes its content
with the latest news, stock quotes, or other data.
Use a form to capture user input, and then process and
respond to that data without having to send data back
to the server.
Include rollover buttons or drop-down menus.
To allow scripts and components to access features of
HTML and CSS, the contents of the document were
represented as objects in a programming model known
as the Document Object Model (DOM).
The DOM also provides access to user actions such as
pressing a key and clicking the mouse.
Dynamic styles are a key feature of DHTML.
Quickly change the appearance and formatting of
elements in a document without adding or removing
We can change inline styles on individual elements and
change style rules using simple script-based
Helps keep your documents small and the scripts that
manipulate the document fast.
Bind individual elements in your document to data
from another source, such as a database or comma-
delimited text file.
When the document is loaded, the data is automatically
retrieved from the source and formatted and displayed
within the element.
HTML stands for Hyper Text Mark-up Language where
DHTML stands for Dynamic Hyper Text Mark-up
Html is a language where DHTML is a Technology.
HTML is a collection of tags where in DHTML, It is a
collection of technology.
DHTML sites are dynamic in nature and HTML is static.
A plain page without any styles and Scripts called as HTML
whereas A page with HTML, CSS, DOM and Scripts called
HTML sites will be slow upon client-side technologies
while DHTML sites will be fast enough upon client-side
DHTML is more efficient for content management
Results in faster and fresher content and visual appeal.
DHTML for web design is that it is easier to create good
internal linking and cross linking.
Fast and Zippy: - dHTML loads content on fly. Your whole
page does not loads but only the content part that needs to
be altered, so saving the crucial time for the users and
giving the snazzy look to the website.
Plug-ins, we don't need them:- dHTML uses most of the
features already present in the browsers, so there is no need
to download any sort of Plug-ins.
Great Utility:- The dynamic features possessed by dHTML
are helping web designers to create Web pages that posses
compact looks, downloads fast, have graphic effects,
provides greater functionality and can hold much more text
or content all at the same time.
Costly Editing tools: - although dHTML provides
great functionality but the editors' available for that in
market are pretty expensive. Examples of dHTML
editors are Dreamweaver and Fusion.
Long and Complex coding: - dHTML coding is long
programmers can write them and edit them with good
degree of functionality.
Browser Support problems: - dHTML suffers from
browser support problems for different browsers. For
example, a code written for Netscape might not work
in Internet Explorer and Vice-Versa. The problem
arises due to the different features of browsers.