html 01-認識Web和Web標準
阿新 • • 發佈：2020-12-15
01-認識Web和Web標準
#Web、網頁、瀏覽器
#Web
Web（World Wide Web）即全球廣域網，也稱為全球資訊網。
我們常說的Web端就是網頁端。
#網頁
網頁是構成網站的基本元素。網頁主要由文字、影象和超連結等元素構成。當然，除了這些元素，網頁中還可以包含音訊、視訊以及Flash等。
我們在瀏覽器上輸入網址後，開啟的任何一個頁面，都是屬於網頁。
#瀏覽器
瀏覽器是網頁執行的平臺，常見的瀏覽器有谷歌（Chrome）、Safari、火狐（Firefox）、IE、Edge、Opera等。
關於瀏覽器的詳細介紹，可以看下一篇文章：《瀏覽器的介紹》
#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 相當於人的行為：