What is Dynamic HTML?
DHTML is not a language but a term used to describe the way of making dynamic and interactive web pages. It is a combination of HTML, JavaScript, Cascading Style Sheets (CSS) and Document Object Model (DOM). Dynamic content is added to static HTML pages using scripts and styles. DHTML uses client side scripting languages like JavaScript to change the static attributes of a HTML page to generate a dynamic effect. This means all DHTML effects achieved are after loading of content on a page without interacting with server again.
Features of DHTML
All features of dynamic HTML can be classified into four categories as below:
Check out more dynamic content change effects and DHTML font transition widget. There are many advantages of using DHTML especially when the content is to be modified dynamically. It is worth to note here that using multiple scripts on a web page will reduce the page loading speed and slower the site. Also dynamic pages may not perform well on search engines compared to static HTML pages. Learn more about dynamic vs static pages. Here is an example of a flip image displayed using HTML image tag and flipped horizontally using CSS to display a text behind the image. Some of the general examples where DHTML is used include:
See what color I take when you move your mouse over me! And what happens when you take your mouse out??
Advantages of DHTML
Examples of DHTML
Below is the another example in which the static HTML image showing in the first column is horizontally flipped using DHTML in second column.
HTML Image
Leave a Reply
Your email is safe with us.