## Web、網頁、瀏覽器 ### Web Web（World Wide Web）即全球廣域網，也稱為萬維網。 我們常說的`Web端`就是網頁端。 ### 網頁 **網頁是構成網站的基本元素**。網頁主要由文字、圖像和超鏈接等元素構成。當然，除了這些元素，網頁中還可以包含音頻、視頻以及Flash等。 我們在瀏覽器上輸入網址后，打開的任何一個頁面，都是屬于網頁。 ### 瀏覽器 瀏覽器是網頁運行的平臺，常見的瀏覽器有谷歌（Chrome）、Safari、火狐（Firefox）、IE、Edge、Opera等。 關于瀏覽器的詳細介紹，可以看下一篇文章：《[瀏覽器的介紹](https://github.com/qianguyihao/Web/blob/master/01-html/02-%E6%B5%8F%E8%A7%88%E5%99%A8%E7%9A%84%E4%BB%8B%E7%BB%8D.md)》 ## Web標準 ### W3C組織 **W3C**：萬維網聯盟組織，用來制定web標準的機構（組織）。 W3C 萬維網聯盟是國際最著名的標準化組織。1994年成立后，至今已發布近百項相關萬維網的標準，對萬維網發展做出了杰出的貢獻。 W3C 組織就類似于現實世界中的聯合國。 為什么要遵循WEB標準呢？因為很多瀏覽器的瀏覽器內核不同，導致頁面解析出來的效果可能會有差異，給開發者增加無謂的工作量。因此需要指定統一的標準。 ### Web 標準 **Web標準**：制作網頁要遵循的規范。 Web標準不是某一個標準，而是由W3C組織和其他標準化組織制定的一系列標準的集合。 **1、Web標準包括三個方面**： - 結構標準（HTML）：用于對網頁元素進行整理和分類。 - 表現標準（CSS）：用于設置網頁元素的版式、顏色、大小等外觀樣式。 - 行為標準（JS）：用于定義網頁的交互和行為。 根據上面的Web標準，可以將 Web前端分為三層，如下。 **2、Web前端分三層**： - HTML（HyperText Markup Language）：超文本標記語言。從**語義**的角度描述頁面的**結構**。相當于人的身體組織結構。 - CSS（Cascading Style Sheets）：層疊樣式表。從**審美**的角度美化頁面的**樣式**。相當于人的衣服和打扮。 - JS：JavaScript。從**交互**的角度描述頁面的**行為**。相當于人的動作，讓人有生命力。 **3、打個比方**： HTML 相當于人的身體組織結構： CSS 相當于人的衣服和打扮： JS 相當于人的行為：