DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> WEB標准學習,認識兩種網頁聲明的含義
WEB標准學習,認識兩種網頁聲明的含義
編輯:CSS詳解     

即網頁標准推出來以後,我們時常會看到兩種不同的網頁的聲明,一個是DHtml,一個是XHtml。如下所示:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD Html 4.01 Transitional//EN"
"http://www.w3.org/TR/Html4/loose.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xHtml1-transitional.dtd">
<html XMLns="http://www.w3.org/1999/xHtml">

baidu了一下什麼是dHtml?

首先我們看一看微軟中國站點中的一個重要界面特性——當浏覽者將鼠標指針移動到頁面導航條上時,會動態地彈出一個菜單,在該菜單中移動鼠標,所指向的菜單項變為紅色顯示;如果將鼠標指針移出菜單所在范圍,則菜單自動隱藏:如果將鼠標指針移動到導航條上另外一個區域,則會彈出另外一個菜單。

  這種效果非常類似於Windows應用程序的特性,即通過圖形化的界面為用戶提供盡可能多的功能。實際上,采用這種方式可以使同一個頁面上包含更多的信息,對於微軟中國這樣龐大的站點來說十分有用(實際上,microsoft.com也是采用這種界面)。

  要實現這種效果,單純依靠Html和JavaScript已經無法實現,必須采用新的技術——這就是動態HTML。所謂動態HTML(Dynamic HTML,簡稱DHtml),其實並不是一門新的語言,它只是Html、CSS和客戶端腳本的一種集成。

DHtml建立在原有技術的基礎上,可分為三個方面:

一是Html,也就是頁面中的各種頁面元素對象,它們是被動態操縱的內容; 

二是CSS,CSS屬性也是動態操縱的內容,從而獲得動態的格式效果; 

三是客戶端腳本(例如JavaScript),它實際操縱Web頁上的Html和CSS。 

  使用DHTML技術,可使網頁設計者創建出能夠與用戶交互並包含動態內容的頁面。實際上,DHTML使網頁設計者可以動態操縱網頁上的所有元素——甚至是在這些頁面被裝載以後。利用DHtml,網頁設計者可以動態地隱藏或顯示內容、修改樣式定義、激活元素以及為元素定位。DHtml還可使網頁設計者在網頁上顯示外部信息,方法是將元素捆綁到外部數據源(如文件和數據庫)上。所有這些功能均可用浏覽器完成而無需請求Web服務器,同時也無需重新裝載網頁。這是因為一切功能都包含在Html文件中,隨著對網頁的請求而一次性下載到浏覽器端。

  可見,DHtml技術是一種非常實用的網頁設計技術。實際上,DHtml早已廣泛地應用到了各類大大小小的網站中,成為高水平網頁必不可少的組成部分。

什麼是XHtml?

XHTML是The Extensible HyperText Markup Language(可擴展標識語言)的縮寫。HTML是一種基本的WEB網頁設計語言,XHTML是一個基於XML的置標語言,看起來與HTML有些相象,只有一些小的但重要的區別,XHTML就是一個扮演著類似HTML的角色的XML,所以,本質上說,XHTML是一個過渡技術,結合了部分XML的強大功能及大多數Html的簡單特性。

  2000年底,國際W3C組織(World Wide Web Consortium)組織公布發行了XHTML 1.0版本。XHTML 1.0是一種在HTML 4.0基礎上優化和改進的的新語言,目的是基於XML應用。XHTML是一種增強了的HTML,它的可擴展性和靈活性將適應未來網絡應用更多的需求。XML雖然數據轉換能力強大,完全可以替代HTML,但面對成千上萬已有的基於HTML語言設計的網站,直接采用XML還為時過早。因此,在HTML4.0的基礎上,用XML的規則對其進行擴展,得到了XHTML。所以,建立XHTML的目的就是實現HTML向XML的過渡。目前國際上在網站設計中推崇的WEB標准就是基於XHtml的應用(即通常所說的CSS+DIV)。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved