什麼是動態HTML?概念、運作方式
網路百科全書中動態HTML的定義。
什麼是動態 HTML?
動態 HTML 是 Microsoft 開發的萬維網聯盟 (W3C) 標準,用於建立互動式多媒體 Web 內容。
動態 HTML (dHTML)
您可以使用動態 HTML 讓網頁的外觀和行為更像一般桌面應用程式。動態 HTML 支援以下功能:
文件物件模型 (DOM),一種標準,網頁的每個元素都會公開以進行腳本編寫。超文本標記語言 (HTML) 頁面上的每個元素都可以充當可以使用腳本和其他程式修改的物件。例如,動態 HTML 可以在 onmouseover 或 onclick 事件期間變更網頁上物件的外觀。
層疊式樣式表 (CSS) 定位,可讓 HTML 內容開發人員使用樣式表來控制網頁上物件的樣式和版面配置。然後可以串聯這些樣式表來定義不同的優先順序層級。
動態內容和動態樣式,HTML 內容開發人員可以使用它們來根據滑鼠事件或其他形式的使用者互動動態變更網頁上每個 HTML 元素的內容或樣式。
資料綁定,將資料與 HTML 元素整合。例如,可以從資料記錄和資料繫結欄位自動產生表格列。
為什麼要使用動態 HTML?
動態 HTML (DHTML) 使網頁動態化,但 Javascript 也可以,問題是 DHTML 有什麼不同?所以答案是,一旦文檔按照我們的要求加載完畢,DHTML 就能夠更改網頁的外觀、內容和樣式,而無需更改或刪除瀏覽器網頁上已有的所有內容。DHTML 可以按需更改網頁的內容,而無需瀏覽器刪除其他所有內容,即即使在文檔完全加載後也能夠更改網頁上的更改。
動態HTML的優點:
與 Flash 或 Shockwave 等其他交互媒體相比,文件的大小很緊湊,而且下載速度更快。
它得到了 Microsoft 和 Netscape 等大型瀏覽器製造商的支持。
高度靈活且易於更改。
檢視器不需要額外的插件來瀏覽使用 DHTML 的網頁,它們不需要任何額外的要求或特殊軟體來查看它。
透過向伺服器發送較少數量的請求來節省使用者時間。由於即使在載入頁面後也可以修改和替換元素,因此不需要建立單獨的頁面來更改樣式,這反過來又節省了建立頁面的時間,並減少了發送到伺服器的請求數量。
它具有比靜態 HTML 更高級的功能。它能夠同時在網頁上保存更多內容。
動態HTML缺點:
並非所有瀏覽器都支援它。它僅受最近的瀏覽器支持,例如 Netscape 6、IE 5.5 和類似瀏覽器的 Opera 5。
學習DHTML需要很多先決條件,設計人員在開始使用DHTML之前應該了解HTML、CSS、JS等語言,這本身就是一個漫長而耗時的語言。
不同瀏覽器的實作是不同的。因此,如果它在一個瀏覽器中工作,那麼在另一個瀏覽器中不一定以相同的方式工作。
即使在功能方面表現出色之後,DHTML 也需要一些昂貴的工具和實用程序。例如,DHTML 文字編輯器 Dreamweaver。隨之而來的是,從 HTML 轉移到 DHTML 的改進成本使得成本上升得更高。