Dynamic HTML: Difference between revisions

Revision as of 06:48, 30 March 2023

Revision as of 16:45, 11 April 2023

Line 20:

* Include rollover buttons or drop-down menus.

A less common use is to create browser-based action games. Although a number of games were created using DHTML during the late 1990s and early 2000s,<ref>{{Cite web |title=Stephen's Web ~ Fun and Games With DHTML ~ Stephen Downes |url=https://www.downes.ca/post/276 |access-date=2022-08-27 |website=www.downes.ca |language=en}}</ref> differences between browsers made this difficult: many techniques had to be implemented in code to enable the games to work on multiple platforms. RecentlyBrowsers browsershave havesince beenthen convergingconverged towardstoward [[web standards]], which has made the design of DHTML games more viable. Those games can be played on all major browsers and theyin can also be ported to [[KDE Plasma Workspaces|Plasma]] for [[KDE]], Widgets for [[macOS]],desktop and Gadgetsdevice forapplications [[Windowsthat Vista]],support whichembedded are based on DHTMLbrowser codecontexts.

The term "DHTML" has fallen out of use in recent years as it was associated with practices and conventions that tended to not work well between various web browsers.<ref>{{cite book |last1=Ferguson |first1=Russ |last2=Heilmann |first2=Christian |title=Beginning JavaScript with DOM Scripting and Ajax |date=2013 |publisher=Berkeley, CA: Apress |pages=49–68 |doi=10.1007/978-1-4302-5093-7 |isbn=978-1-4302-5092-0 |s2cid=20526670 |url=https://link-springer-com.huaryu.kl.oakland.edu/content/pdf/10.1007/978-1-4302-5093-7.pdf |access-date=May 30, 2022}}</ref>

Line 26:

DHTML support with extensive DOM access was introduced with [[Internet Explorer 4.0]]. Although there was a basic dynamic system with [[Netscape Navigator|Netscape Navigator 4.0]], not all HTML elements were represented in the DOM. When DHTML-style techniques became widespread, varying degrees of support among web browsers for the technologies involved made them difficult to develop and [[debug]]. Development became easier when [[Internet Explorer 5|Internet Explorer 5.0+]], [[Firefox|Mozilla Firefox]] 2.0+, and [[Opera (web browser)|Opera]] 7.0+ adopted a shared [[Document Object Model|DOM]] inherited from [[ECMAScript]].

More recentlyLater, [[JavaScript library|JavaScript libraries]] such as [[jQuery]] have abstracted away many of the day-to-day difficulties in cross-browser DOM manipulation, though better standards compliance among browsers has reduced the need for this.

== Structure of a web page ==