常見Web技術之間的關係

2023-01-09 20:30:02 字數 4184 閱讀 6912

文章**:

如果你是乙個web開發初學者,那麼你難免會在網上搜尋html, css, xml, js(j**ascript), dom, xsl等等這些詞的意思,然而,隨著學習的深入。當你把他們攪在一起,你又糊塗了,你會不停的問,html是什麼?css是什麼?

xml是什麼?js是什麼?它們到底有什麼用?

無論是網路百科,還是一些it專題**,又或者一些牛人部落格,他們都會告訴你,某個單一的東西是什麼,這類文章很多,但很少有涉及,它們組合起來是什麼,有什麼用。我想,我寫這篇文章,就是為了說明一下這個他們很少涉及的問題。

歸納、總結、提煉能力是我們進步的發動機,這種能力是可以有意識地培養的,拉卡拉電子支付公司董事長兼總裁孫陶然提到:在拉卡拉我們要求用三條說清楚任何問題就是一種能力訓練,任何問題如果不能用三條說清楚說明你還沒想透。

在這裡,我爭取用最根本的語言向大家分別說明html, css, xml, js到底是什麼,有什麼用。然後我們再來看把他們組合起來是什麼,有什麼用。當然如果你對html, css, xml, js有足夠了解,可以直接跳過,看文章的後半部分,那裡才是本文核心所在。

第一部分

1. html超文字標記語言 (hyper text markup language) ,是用來描述網頁的一種標記語言。

hello world! i'm html

網頁檔案本身是一種文字檔案,通過在文字檔案中新增標記,可以告訴瀏覽器如何顯示其中的內容(如:文字如何處理,畫面如何安排,**如何顯示等)。

html之所以稱為超文字標記語言,是因為文字中包含了所謂「超連結」點。超文字(hypertext)是用超連結的方法,將各種不同空間的文字資訊組織在一起的網狀文字。

概括,html就是整合網頁結構和內容顯示的一種語言。

hello world! i'm html

瀏覽器按順序閱讀網頁檔案,然後根據標記符解釋和顯示其標記的內容。

這段內容在瀏覽器上顯示的結果是:hello world! i'm html

我們看標籤上有乙個id,這是這個標籤的唯一標識,方便別人找到它,對它進行操作。

2. css 層疊樣式表單(cascading stylesheet)。是將樣式資訊與網頁內容分離的一種標記性語言 。

作為**開發者,你能夠為每個html元素定義樣式,並將之應用於你希望的任意多的頁面中。如需進行全域性的更新,只需簡單地改變樣式,然後**中的所有元素均會自動地更新。這樣,即設計人員能夠將更多的時間用在設計方面,而不是費力克服html的限制。

說白了,css就是設定網頁上html元素屬性的語言。

css**:

#hello

當把這段css**應用於html中,它會找到id為「hello」的html標籤,將其中的內容以藍色顯示出來;具體的插入html的方法這裡不再贅述(說一句,只說明是什麼,有什麼用的問題,不關注技術細節,技術細節網上很好找)。

3. j**ascript,首先說明j**ascript和j**a無關,j**ascript 是屬於網路的指令碼語言!那麼為什麼名字如此相似?

這是典型的市場營銷方面的成功,它的推廣成功,也是借了j**a的東風。當微軟開始意識到j**ascript在web開發人員中流行起來時,微軟還是一貫風格,建立了自己的指令碼語言,jscript。

j**ascript是一種基於物件(object)和事件驅動(event driven)並具有安全效能的指令碼語言。使用它的目的是與html超文字標記語言、j**a指令碼語言(j**a小程式)一起實現在乙個web頁面中鏈結多個物件,與web客戶互動作用。例如可以設定滑鼠懸停效果,在客戶端驗證表單,建立定製的html頁面,顯示警告框,設定cookie等等。

網頁中所有的對資料進行判斷、操作以及向瀏覽者反饋資訊的本地**實現部分均是j**ascript(當然也有其他的),這樣既可以使網頁更具互動性,給使用者提供更令人興奮的體驗,同時減輕了伺服器負擔。

js的**如下:

function jshello()

當把以上**應用於html**,它會在你的html載入時,彈出乙個內容為「hello world!」的對話方塊。同樣,它是通過嵌入或調入在標準的html語言中實現的,至於如何嵌入或調入不再贅述,理由上面提到了。

4. xml可擴充套件標記語言 (extensible markuplanguage),是一套定義語義標記的規則,這些標記將文件分成許多部件並對這些部件加以標識。它也是元標記語言,即定義了用於定義其他與特定領域有關的、語義的、結構化的標記語言的句法語言。

你可以把xml理解為一種資料庫,例如rss就是xml的一種變體。

xml**如下:

china

usaukxml的起因是,使用者受到sgml(後面再說)複雜性的挫傷和html的不充分。相對html來說,xml更追求嚴謹性,如果說你在html**中標籤比較混亂,如未關閉等,或許瀏覽器會忽略這些錯誤;但同樣的事情發生在xml中會給你帶來**煩。

鋪墊終於完了,在進入正題之前,建議大家對比著圖來理解後邊的內容,廢話不多說,開始進入正題。

第二部分

這裡的dom指的是html dom。html dom是w3c的標準,同時它也是html的文件物件模型的縮寫(the document object model for html)。html dom定義了用於html的一系列標準的物件,以及訪問和處理html文件的標準方法。

通過dom,可以訪問所有的html元素,連同它們所包含的文字和屬性。其中的內容可以修改和刪除,同時也可以建立新的元素。html dom獨立於平台和程式語言。

它可被任何程式語言諸如j**a、j**ascript和vbscript所使用。html dom就是html語言對外界開通的介面,以便其他語言能夠訪問或修改html內部的元素。

當js需要對html元素進行操作時,dom是乙個很必要的物件。

你便可以通過利用dom物件構造如下**並插入到html**中的任何位置來實現。

當用css去修飾html中的元素,這一過程可以稱為宣告html元素樣式的過程。

sgml標準通用標記語言(standardgeneralized markup language)。由於sgml的複雜,導致難以普及。sgml有非常強大的適應性,也正是因為同樣的原因,導致在小型的應用中難以普及。

html 和 xml同樣衍生於sgml:xml可以被認為是sgml的乙個子集,而html是sgml的乙個應用。xml的產生就是為了簡化sgml,以便用於更加通用的目的。

比如語義web,它已經應用於大量的場合,比較著名的有xhtml、rss 、xml-rpc 和soap 。

xhtml是可擴充套件超文字標識語言(theextensible hypertext markuplanguage)。html是一種基本的web網頁設計語言,xhtml是乙個基於xml的置標語言,看起來與html有些相象,只有一些小的但重要的區別,xhtml就是乙個扮演著類似html的角色的xml,所以,本質上說,xhtml是乙個過渡技術,結合了部分xml的強大功能及大多數html的簡單特性。

簡單的說,xhtml比html要嚴謹些,但又沒像xml那麼嚴重——譬如所有的xhtml標籤以及屬性必須要小寫,屬性性必須要加雙引號(當然如今的瀏覽器不管是ie還是ff,對html和xhtml採取相容措施,這也是xss產生的根本原因),而且也可以像xml一樣自定義部分標籤,因此有了極大的靈活性。

而且進入了xhtml時代,大家倡導的是css+div,這也是web2.0的基礎。

dhtml只是一種製作網頁的概念,實際上沒有乙個組織或機構推出過所謂的dhtml標準或技術規範之類的。dhtml不是一種技術、標準或規範,dhtml只是一種將目前已有的網頁技術、語言標準整和運用,製作出能在**後仍然能實時變換頁面元素效果的網頁的設計概念。dhtml就是動態的html,dynamic html。

傳統的html頁面是靜態的,dhtml就是在html頁面上加入了j**ascript指令碼,使其能根據使用者的動作作出一定的響應,如滑鼠移動到**上,**改變顏色,移動到導航欄,彈出乙個動態選單等等。

一般如:

,這樣你可以做譬如:**的自適應寬度,**的隔行換色等等。

如:img

xmlhttp最通用的定義為:xmlhttp是一套可以在j**ascript、vbscript、jscript等指令碼語言中通過http協議傳送或從接收xml及其他資料的一套api。xmlhttp最大的用處是可以更新網頁的部分內容而不需要重新整理整個頁面。

來自msdn的解釋:xmlhttp提供客戶端同http伺服器通訊的協議。 xml document object model (dom)處理回應。

現在的絕對多數瀏覽器都增加了對xmlhttp的支援,ie中使用activexobject方式建立xmlhttp物件,其他瀏覽器如:firefox、opera等通過來建立xmlhttp物件。

出納與會計之間的關係

會計,從其所分管的賬簿來看,可分為總賬會計 明細賬會計和出納。三者既相區別又有聯絡,是分工與協作的關係。1 總賬會計 明細賬會計和出納,各有各的分工 總賬會計負責企業經濟業務的總括核算,為企業經濟管理和經營決策提供總括的全面的核算資料 明細分類賬會計分管企業的明細賬,為企業經濟管理和經營決策提供明細...

初探師生之間關係的嘗試

課程標準 指出 新型的師生關係是充分體現尊重 民主 平等 和諧和發展的師生關係,在此我認為,新型良好的師生情感關係,應該是一種人與人的心靈溝通,是師生互相關係的結果,是促進教師與學生的性情和靈魂的沃土。一 平等相處,親如孩子 怎麼建立好師生關係呢?我想教師應把學生視為孩子,與學生平等相處,尊重關心,...

變數與變數之間的關係

一 填空題 本大題共有8個小題,每小題3分,共24分 1 表示變數之間關係的常用方法有 2 已知變數s與t的關係式是,則當時 3 亮亮拿6元錢去郵局買面值為0.80元的郵票,買郵票所剩錢數y 元 與買郵票的枚數x 枚 的關係式為 最多可以買 枚 4 日落西山 是我們每天都要面對的自然變換,就你的理解...