1 網(wǎng)頁
1.1 什么是網(wǎng)頁
網(wǎng)站：是指在因特網(wǎng)上根據(jù)一定的規(guī)則，使用 HTML 等制作的用于展示特定內(nèi)容相關(guān)的網(wǎng)頁集合。
網(wǎng)頁：是網(wǎng)站中的一“頁”，通常是 HTML 格式的文件，它要通過瀏覽器來閱讀。
網(wǎng)頁：是構(gòu)成網(wǎng)站的基本元素，它通常由圖片、鏈接、文字、聲音、視頻等元素組成。通常我們看到的網(wǎng)頁，常見以 .htm 或 .html 后綴結(jié)尾的文件，因此將其俗稱為 HTML 文件。
1.2 什么是 HTML
HTML 指的是超文本標(biāo)記語言 (Hyper Text Markup Language) ，它是用來描述網(wǎng)頁的一種語言。
HTML 不是一種編程語言，而是一種標(biāo)記語言 (markup language)。
標(biāo)記語言是一套標(biāo)記標(biāo)簽 (markup tag)。
所謂超文本，有 2 層含義：
- 它可以加入圖片、聲音、動畫、多媒體等內(nèi)容（超越了文本限制 ）。
- 它還可以從一個文件跳轉(zhuǎn)到另一個文件，與世界各地主機(jī)的文件連接（超級鏈接文本 ）。
1.3 網(wǎng)頁的形成
網(wǎng)頁是由網(wǎng)頁元素組成的，這些元素是利用 html 標(biāo)簽描述出來，然后通過瀏覽器解析來顯示給用戶的。
前端人員開發(fā)代碼 ---> 瀏覽器顯示代碼(解析、渲染)---> 生成最后的 Web 頁面
網(wǎng)頁總結(jié)
網(wǎng)頁是圖片、鏈接、文字、聲音、視頻等元素組成, 其實就是一個html文件(后綴名為html)
網(wǎng)頁生成制作: 有前端人員書寫 HTML 文件, 然后瀏覽器打開,就能看到了網(wǎng)頁.
HTML: 超文本標(biāo)記語言, 用來制作網(wǎng)頁的一門語言. 有標(biāo)簽組成的. 比如 圖片標(biāo)簽 鏈接標(biāo)簽 視頻標(biāo)簽等…
2 常用瀏覽器
2.1常用的瀏覽器
瀏覽器是網(wǎng)頁顯示、運(yùn)行的平臺。常用的瀏覽器有 IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。
平時稱為五大瀏覽器。
2.2瀏覽器內(nèi)核
瀏覽器內(nèi)核（渲染引擎）： 負(fù)責(zé)讀取網(wǎng)頁內(nèi)容，整理訊息，計算網(wǎng)頁的顯示方式并顯示頁面。
| 瀏覽器 | 內(nèi)核 | 備注 |
|---|---|---|
| IE | Trident | IE、獵豹安全、360極速瀏覽器、百度瀏覽器 |
| firefox | Gecko | 火狐瀏覽器內(nèi)核 |
| safari | Webkit | 蘋果瀏覽器內(nèi)核 |
| chrome/Opera | Blink | chrome/opera瀏覽器內(nèi)核。Blink其實是WebKit的分支。 |
目前國內(nèi)一般瀏覽器都會采用 Webkit/Blink 內(nèi)核，如 360、UC、QQ、搜狗等。
3.Web 標(biāo)準(zhǔn)（重點(diǎn)）
Web 標(biāo)準(zhǔn)是由 W3C 組織和其他標(biāo)準(zhǔn)化組織制定的一系列標(biāo)準(zhǔn)的集合。W3C（萬維網(wǎng)聯(lián)盟）是國際最著名的標(biāo)準(zhǔn)化組織。
3.1 為什么需要web標(biāo)準(zhǔn)
瀏覽器不同，它們顯示頁面或者排版就有些許差異。
遵循 Web 標(biāo)準(zhǔn)除了可以讓不同的開發(fā)人員寫出的頁面更標(biāo)準(zhǔn)、更統(tǒng)一外，還有以下優(yōu)點(diǎn)：
讓 Web 的發(fā)展前景更廣闊。
內(nèi)容能被更廣泛的設(shè)備訪問。
更容易被搜尋引擎搜索。
降低網(wǎng)站流量費(fèi)用。
使網(wǎng)站更易于維護(hù)。
提高頁面瀏覽速度。
3.2 Web 標(biāo)準(zhǔn)的構(gòu)成
主要包括結(jié)構(gòu)（Structure） 、表現(xiàn)（Presentation）和行為（Behavior）三個方面。
| 標(biāo)準(zhǔn) | 說明 |
|---|---|
| 結(jié)構(gòu) | 結(jié)構(gòu)用于對網(wǎng)頁元素進(jìn)行整理和分類，現(xiàn)階段主要指HTML |
| 表現(xiàn) | 表現(xiàn)用于設(shè)置網(wǎng)頁元素的版式、顏色、大小等外觀樣式，主要指的是CSS |
| 行為 | 行為是指網(wǎng)頁模型的定義及交互的編寫，現(xiàn)階段主要是JavaScript |
Web 標(biāo)準(zhǔn)提出的最佳體驗方案：結(jié)構(gòu)、樣式、行為相分離。
簡單理解： 結(jié)構(gòu)寫到 HTML 文件中， 表現(xiàn)寫到 CSS 文件中， 行為寫到 JavaScript 文件中。
web標(biāo)準(zhǔn)構(gòu)成：
