小白html進階之路（1）

一．? WEB的誕生

Web標準包含三個方面：結構標準(HTML)、表現標準(CSS)、和行為標準(JavaScript)

（一）Internet(因特網)：

前身為阿帕網（ARPAnet），Internet是一組全球信息資源的總匯。Internet以相互交流信息資源為目的，基于一些共同的協議(TCP/IP)，并通過許多路由器和公共互聯網而成，它是一個信息資源和資源共享的集合。

（二）WWW(萬維網)：

WWW是World Wide Web的縮寫，是集文本、聲音、圖像、視頻等多媒體信息于-身的全球信息資源網絡。用戶可以通過瀏覽器客戶端在網絡上搜索有用的信息

（三）W3C

1.W3C的成立：1994年10月, Tim Berners-Lee在麻省理工學院創立了World Wide Web Consortium ,中文名為萬維網聯盟,該聯盟的簡稱為W3C ,是Web技術領域最具權威和影響力的國際中立性技術標準機構。

2.主要工作：W3C最重要的工作是發展Web規范,這些規范描述了Web的通信協議/(比如HTML和XHTML )和其他的構建模塊。

3.成員機構：由設立在美國麻省理工大學、歐洲數學與信息學研究聯盟、日本慶應大學、中國北京航空航天大學的四個全球總部的全球團隊聯合運營

4. w3c標準的形成流程

二．網站

Website中文名為網站,是指在Internet上根據一定的規則 ,使用HTML等I具制作的用于展示特定內容相關網頁的集合。人們可以通過網站發布自己想要公開的資訊,或者利用網站提供相關的網絡服務。

WEB發展

（1）WEB開發的進化史: C/S模式（Client/Server）轉變為B/S（Browser/Server）模式，不必再安裝和更新任何客戶端程序，方便且快捷

第一階段

web開發中的頁面主要是靜態頁面，用超鏈接組合成樹狀結構，功能單一。

第二階段

頁面功能交互變得復雜，前后端逐漸分離，依靠ajax進行通信。

第三階段

前后端正式分離，出現了前端工程化、組件化等應用。

1.網站是在互聯網上擁有域名或地址并提供一定網絡服務的主機， 是存儲文件的空間,以服務器為載體。人們可通過瀏覽器等進行訪問、查找文件,也可通過遠程文件傳輸(FTP)方式上傳、下載網站文件。

2.網址：在瀏覽器中輸入網站的地址就可以打開想要訪問的網站,那么這個網站的地址我們稱之為URL ,中文名為統-資源定位符,俗稱網址。

常用協議：（URL格式：協議://主機地址+目錄路徑+參數）

（1）http/https協議:超文本傳輸協議,是用于從萬維網服務器傳輸超文本到本地瀏覽器的傳輸協議

（2）ftp協議:文件傳輸協議,可以通過FTP訪問服務器上的文件

（3）file協議:主要用于訪問本地計算機中的文件

3.Web瀏覽器：瀏覽器是一個顯示網站服務器或者檔案系統內的HTML文件,并讓用戶與這些文件互動的軟件。

4.瀏覽器內核：瀏覽器內核負責對網頁語法進行解釋,瀏覽器內核也就是瀏覽器所采用的渲染引擎，渲染引|擎決定了瀏覽器如何顯示網頁的內容以及頁面的格式信息。

常見瀏覽器內核

(1).IE瀏覽器:由微軟公司出品,采用Trident內核

(2).Chrome瀏覽器:由Google公司出品,采用Webkit內核,后換成Blink內核

(3).Firefox瀏覽器:由Mozilla公司出品,采用Gecko內核

(4).Safari瀏覽器:由蘋果公司出品,采用Webkit內核

(5).Opera瀏覽器:由Opera公司出品,采用Presto內核

內核推薦使用:Chrome瀏覽器

速度快 ?操作簡捷 ?代碼調試方便 ?對HTML 5新特性支持好

5.Web服務器：服務器：Web服務器主要是提供網上信息瀏覽服務。Web服務器可以解析HTTP協議,當Web服務器接收到一個HTTP請求時,會返回一個HTTP響應,這樣客戶端就可以從服務器上獲取網頁內容,包括CSS、JS、 音頻、視頻等資源。

6.web開發：Web開發主要分為前端開發和后端開發兩部分,前端更側重于頁面的展示與用戶的交互,后端更側重于數據的處理與服務的訪問。而HTML語言就屬于前端開發的范圍。

（1）前端開發：前端指的是直接與用戶接觸的網頁,網頁上通常有HTML、CSS、JavaScript等內容。

（2）后端開發：后端指的是程序、數據庫和服務器層面的開發。

7.Web開發：前端開發三件套:HTML、CSS、JavaScript

8.WEB標準

1.WEB開發的標準：Web應用開發需要遵循的標準就叫Web標準,這里Web標準是一系列標準的集合。網頁主要由三部分組成:結構標準( XML、HTML和XHTML) , 表現標準(CSS) ,行為標準( DOM、Javascript )

（2）CSS：CSS決定了網頁樣式的展現,也就是內容的表現形式,例如字體的顏色、背景的樣式、標題的大小等。

（3）Javascript：Javascript是用來定義網頁上的交互,控制網頁的行為,例如彈出彈框、頁面打開關閉、輸入內容的提示等等。

開發工具：Visual Studio Code是微軟推出的針對web開發的代碼編輯器,具有開源、高性能擴展性好的特點。

9.HTML的優勢

1語義化HTML會使HTML結構變的清晰,有利于代碼的維護 2有利于搜索弓|擎抓取

3語義化使代碼仍具可讀性 4語義化會使HTML代碼變得更簡潔,提高頁面加載速度

5語義化有助于屏幕閱讀器等設備的識別

10.HTML與XHTML的關系：XHTML是可擴展超文本標記語言,是-種更嚴格、更純凈的HTMI語言。

HTML與XHTML主要的不同點

1.XHTML元素必須被正確地嵌套 2.XHTML元素必須被關閉

3.標簽名必須用小寫字母 4.XHTML文檔必須擁有根元素

HTML的語義化：HTML 5中新增加了很多語義化標簽,不同的HTM標簽代表了不同的網頁內容。

這個在HTML文件中可行，但是在xhtml中不可行

XHTML中可行的形式

驗證HTML文件的錯誤與否可以在

W3C檢測地址：http://validator.w3.org/

進行檢查

11.標簽

HTNL是由一系列標簽組成的，每個標簽是以"<"和">"包裹的單詞，通常稱為元素。例如：

標簽的種類

單標簽：只有一個標簽就能表達完整的含義。例如：、
、

雙標簽：由開始標簽和結束標簽兩部分構成，它必須成對使用。開始標簽告訴Web瀏覽器從此處開始執行該標記所表示的功能，結束標簽告訴Web瀏覽器在這里結束該標記。

例如：

12.標簽元素

一對標簽包含的所有內容，其中元素的內容是之開始標簽和結束標簽之間的內容

13.標簽屬性

標簽可以有很多屬性，屬性是在開始標簽中定義，而且是以名值對的形式出現，其中屬性值以雙引號包裹。

屬性：標簽的特征；屬性值：為屬性所賦的值；

語法：< 標記 屬性=”屬性值”>內容

HTML web前端

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。