這篇文章主要講解了“web前端三要素怎么理解”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“web前端三要素怎么理解”吧！

創(chuàng)新互聯(lián)公司長期為成百上千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為京口企業(yè)提供專業(yè)的成都網(wǎng)站建設(shè)、成都網(wǎng)站制作，京口網(wǎng)站改版等技術(shù)服務(wù)。擁有十多年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

互連網(wǎng)：凡是由若干電子計算機通過網(wǎng)絡(luò)相互連接而成的網(wǎng)絡(luò)。

目前全球最大的由數(shù)量最多的電子計算機組成的互聯(lián)網(wǎng)叫因特網(wǎng)(Internet)提供的主要應(yīng)用有萬維網(wǎng)（WWW）文件傳輸（FTP）電子郵件（E-mail）遠(yuǎn)程登錄（Telnet）等

萬維網(wǎng)通俗點的可以說是因特網(wǎng)里的一種最多的應(yīng)用主要向我們提供網(wǎng)站網(wǎng)頁瀏覽服務(wù)我們通常通過瀏覽器上網(wǎng)觀看的就是萬維網(wǎng)的內(nèi)容

超文本傳輸：超文本傳輸協(xié)議(HTTP，HyperText Transfer Protocol)是互聯(lián)網(wǎng)上應(yīng)用最為廣泛的一種網(wǎng)絡(luò)傳輸協(xié)議。所有的WWW文件都必須遵守這個標(biāo)準(zhǔn)。設(shè)計HTTP最初的目的是為了提供一種發(fā)布和接收HTML頁面的方法。

HTML：超文本標(biāo)記語言，HTML 不是一種編程語言，而是一種標(biāo)記語言 (markup language)，是網(wǎng)頁制作所必備的?！?strong>超文本”就是指頁面內(nèi)可以包含圖片、鏈接，甚至音樂、程序等非文字元素。超文本標(biāo)記語言(或超文本標(biāo)簽語言)的結(jié)構(gòu)包括“頭”部分和“主體”部分，其中“頭”部提供關(guān)于網(wǎng)頁的信息，“主體”部分提供網(wǎng)頁的具體內(nèi)容。

html,css,php之間是什么關(guān)系：html是一個網(wǎng)頁的基礎(chǔ)。它是一個網(wǎng)頁的必不可少的部分。css是html的樣式。如果沒有css樣式，整個網(wǎng)頁就基本上沒有美可言，它只是標(biāo)簽的堆疊。因為有了css樣式，網(wǎng)站才多姿多彩。

php是服務(wù)器端動態(tài)語言。如果沒有php整個網(wǎng)頁只是個靜態(tài)網(wǎng)頁。只供人瀏覽，不能實現(xiàn)其他的功能。因為服務(wù)器端語言php最終編譯成客戶端html。

javaScript 跟 HTML 關(guān)系，網(wǎng)頁前臺分三個層次內(nèi)容,樣式,行為這是最新網(wǎng)頁設(shè)計的要素，w3c標(biāo)準(zhǔn)要求內(nèi)容用html表現(xiàn)，樣式用css規(guī)定， 行為用腳本控制，  html的作用基本就是把一整塊的東西切成一小塊一小塊的，必要的就標(biāo)識一下(如id,class)

以方便css和腳本引用和控制相應(yīng)內(nèi)容， css就是給這些小塊內(nèi)容排隊的，規(guī)定誰站哪，怎么站。 腳本就是讓那些小塊內(nèi)容做事的 .比如頁面的圖片輪播，就是由腳本控制相應(yīng)元素的css屬性達(dá)到切換的目的。

而目前網(wǎng)頁前臺用的最多的腳本就是javascript.是ecma標(biāo)準(zhǔn)的一個實現(xiàn).各種瀏覽器都能支持。

1、什么是HTML

（超文本標(biāo)記語言 Hyper Text Markup Language），HTML是用來描述網(wǎng)頁的一種語言。

不僅可以包含文字，還可以包含圖片、鏈接，甚至音樂、程序等非文字元素的標(biāo)記語言（展示給用戶，不能太單調(diào)，css）

2、CSS

(層疊樣式表Cascading Style Sheets),樣式定義如何顯示 HTML 元素，語法為：selector {property：value} (選擇符 {屬性：值})

是一種用來表現(xiàn)HTML的計算機語言，能使HTML頁面變得更加美觀，（要展示給用戶光漂亮是不夠的，用戶還要能夠動態(tài)的操作HTML頁面，也就是讓瀏覽器和用戶之間的交互不僅僅是用戶能瀏覽html中的內(nèi)容，還要能對html頁面操作，JavaScript）

3、JavaScript

是一種腳本語言，其源代碼在發(fā)往客戶端運行之前不需經(jīng)過編譯，而是將文本格式的字符代碼發(fā)送給瀏覽器由瀏覽器解釋運行。用來給HTML網(wǎng)頁增加動態(tài)功能、交互行為，是一種解釋性腳本語言（不進行預(yù)編譯）

對于一個網(wǎng)頁，HTML定義網(wǎng)頁的結(jié)構(gòu)，CSS描述網(wǎng)頁的樣子，JavaScript設(shè)置。

翻譯的方式有兩種，一個是編譯，一個是解釋。

• 1）編譯：Java語言的運行先經(jīng)過編譯，但是JAVA語言的編譯不是直接編譯成計算機能識別的語言，而是編譯成JAVA虛擬機能識別的class文件。

JAVA語言就是典型的翻譯方式為編譯的編程語言，雖然不是編譯成計算機能直接識別的語言，但是同其他以編譯為翻譯方式的高級編程語言的原理大體上是相同的。

最明顯：C/C++，可以編譯成二進制代碼,以可執(zhí)行文件的形式存在（exe文件）
都是先編譯再運行，而且是一次編譯到處運行，效率非常高。（只需要在第一次運行的時候編譯一次）

• 2）解釋：解釋性腳本語言的程序不需要編譯，解釋性腳本語言在運行程序的時候才翻譯

解釋性腳本語言有專門的解釋器來負(fù)責(zé)解釋，不過每次都需要翻譯，效率比較低。JavaScript 就是一種解釋性腳本語言

JavaScript也有自己專門的解釋器——JavaScript引擎，它存在于瀏覽器端，作為瀏覽器的一部分

一句話：html（超文本標(biāo)記語言）、css（層疊 樣式表）、JavaScript腳本語言這三樣?xùn)|西在瀏覽器端相互配合、相輔相成形成了比較成熟的前端界面

URI= Universal Resource Identifier 統(tǒng)一資源標(biāo)志符，用來標(biāo)識抽象或物理資源的一個緊湊字符串。 
URL= Universal Resource Locator 統(tǒng)一資源定位符，一種定位資源的主要訪問機制的字符串，一個標(biāo)準(zhǔn)的URL必須包括：protocol、host、port、path、parameter、anchor。 
URN= Universal Resource Name 統(tǒng)一資源名稱，通過特定命名空間中的唯一名稱或ID來標(biāo)識資源。
通俗易懂講解

   首先給大家舉個例子，有一家公司的總經(jīng)理，某天，給了我一張名片，上面寫了他的頭銜，北京XXX公司總經(jīng)理 張三，還有他的辦公室地址，北京市海淀區(qū)長安街35號北京XXX公司總經(jīng)理辦公室，那么，我以后給我的朋友吹牛，我認(rèn)識北京XXX公司的總經(jīng)理張三，我的朋友都知道北京XXX公司的總經(jīng)理是一個叫張三的人，那么，這個頭銜就和張三對應(yīng)起來了，只要一說到這個頭銜，大家都知道說的是張三，反應(yīng)到網(wǎng)絡(luò)世界，這個頭銜就叫做URI，只要你給我一個URI，我就知道它代表了什么，比如，http://www.sina.com.cn代表了新浪網(wǎng)，admin@qq.com代表了某一個人的qq郵箱，你的qq號也是一個URI(騰訊服務(wù)器內(nèi)可以識別就是你的QQ賬戶)，URI就是網(wǎng)絡(luò)資源的頭銜，通過URI標(biāo)記可以把網(wǎng)絡(luò)世界里面的每一個事物都加以標(biāo)記并區(qū)分開來。

    好的，現(xiàn)在出現(xiàn)了一個問題，你現(xiàn)在知道北京XXX公司總經(jīng)理是張三，“北京XXX公司總經(jīng)理”就是張三這個人的URI，可是，我讓你親自去和張三見一面，你做得到嗎？你肯定做不到，因為你不知道他的地址，雖然你有他的URI頭銜，但是除此以外，你對他具體的情況一無所知，于是你要定位到他，你就必須得到他的辦公室地址，通過“北京市海淀區(qū)長安街35號北京XXX公司總經(jīng)理辦公室”這個地址，你就找到了張三。反應(yīng)到網(wǎng)絡(luò)世界，網(wǎng)絡(luò)世界里面的每一個資源不光有自己的頭銜，還要能夠被人訪問，被人找到，所以，網(wǎng)絡(luò)地址是必須的，否則，這個網(wǎng)絡(luò)資源的存在沒有任何意義，這個地址就叫做URL。

    通過上面的描述，可以發(fā)現(xiàn)，URI強調(diào)的是給資源標(biāo)記命名，URL強調(diào)的是給資源定位，但是你會發(fā)現(xiàn)，URL顯然比URI包含信息更多，我通過URL也可以知道張三是總經(jīng)理，并且我還知道了他的地址，所以大多數(shù)情況下大家覺得給一個網(wǎng)絡(luò)資源分別命名和給出地址太麻煩，干脆就用地址既當(dāng)?shù)刂酚茫之?dāng)標(biāo)記名用，所以，URL也充當(dāng)了WWW萬維網(wǎng)里面URI的角色，但是他比URI多了一層意義，我不光知道你叫什么，我還知道你在哪里。我們在瀏覽器輸入的都是URL，因為我們輸入的目的是為了找到某一個資源，當(dāng)然你輸入的是URI也是沒錯的，因為URL也是URI。
    總結(jié)：URI標(biāo)記了一個網(wǎng)絡(luò)資源，僅此而已；  URL標(biāo)記了一個WWW互聯(lián)網(wǎng)資源（用地址標(biāo)記），并給出了他的訪問地址。(URI是Uniform Resource Identifier,表示是一個資源； URL是Uniform Resource Locator，表示是一個地址，光看英文縮寫確實難懂)

URL是URI的子集，所有的URL都是URI，但不是每個URI都是URL，還有可能是URN

感謝各位的閱讀，以上就是“web前端三要素怎么理解”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對web前端三要素怎么理解這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！