## 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 相當于人的行為: