Difference between HTML and DHTML

 

Key difference: HTML stands for HyperText Markup Language. It is a well known mark up language used to develop web pages. It has been around for a long time and is commonly used in webpage design. DHTML is essentially Dynamic HTML. It is a new way of looking at and controlling the standard HTML codes and commands. DHTML is a collection of technologies that are used to create interactive and animated web sites.

 

HTML stands for HyperText Markup Language. It is a well known mark up language used to develop web pages. It has been around for a long time and is commonly used in webpage design. XML or Extensible Markup Language defines a set of rules for encoding documents in a format that can be read by both, human and computer.

 

HTML is written using HTML elements, which consist of tags, primarily and opening tag and a closing tag. The data between these tags is usually the content. The main objective of HTML is to allow web browsers to interpret and display the content written between the tags. The tags are designed to describe the page content. HTML comes with predefined tags. They allow one to insert images, text, videos, forms and other pieces of content together into a cohesive webpage.

 

Elements of HTML are the basic building blocks of all websites. HTML allows images and objects to be embedded in the webpage. It can also be used to create interactive forms. HTML also provides the means to create structured documents. It does this by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. However these days, web pages are rarely designed using only HTML. HTML allows for the programmer to embed scripts written in languages such as JavaScript, which many often do. This changes the look and behavior of the HTML web pages.

 

DHTML is essentially Dynamic HTML. It is a new way of looking at and controlling the standard HTML codes and commands. DHTML is a collection of technologies that are used to create interactive and animated web sites. DHTML gives more control over the HTML elements. It allows one to incorporate a client-side scripting language, such as JavaScript, a presentation definition language, such as CSS, and the Document Object Model in HTML web pages. 

 

DHTML also allows the pages to change at any time, without returning to the Web server first. It allows scripting languages to change a web page's look and function after the page has been fully loaded and during the viewing process. It also allows the user to add effects to their pages that are otherwise difficult to achieve.

 

Wikipedia list additional DHTML features, such as DHTML allows the developers to:

  • 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, verify and respond to that data without having to send data back to the server.
  • Include rollover buttons or drop-down menus.

 

Some differences between HTML and DHTML:

  • HTML is a mark-up language, while DHTML is a collection of technology.
  • DHTML creates dynamic web pages, whereas HTML creates static web pages.
  • DHTML allows including small animations and dynamic menus in Web pages.
  • DHML used events, methods, properties to insulate dynamism in HTML Pages.
  • DHML is basically using JavaScript and style sheets in an HTML page.
  • HTML sites will be slow upon client-side technologies, while DHTML sites will be fast enough upon client-side technologies.
  • HTML creates a plain page without any styles and Scripts called as HTML. Whereas, DHTML creates a page with HTML, CSS, DOM and Scripts called as DHTML.
  • HTML cannot have any server side code but DHTML may contain server side code.
  • In HTML, there is no need for database connectivity, but DHTML may require connecting to a database as it interacts with user.
  • HTML files are stored with .htm or .html extension, while DHTML files are stored with .dhtm extension.
  • HTML does not require any processing from browser, while DHTML requires processing from browser which changes its look and feel.

 

Image Courtesy: teamtreehouse.com

Image Courtesy: mediaspins.com

Most Searched in Home and Garden Most Searched in Society and Culture
Most Searched in Sports Most Searched in Education and References
iPhone 5S vs Samsung Galaxy Note 3
Christmas vs Hanukkah
Green Card vs Work Permit
HTC Windows 8X vs Sony Xperia SP

Comments

This really a nice article and easy to understand. Thanks a lot...............

Add new comment

Plain text

  • No HTML tags allowed.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.