一、網(wǎng)頁、Web瀏覽器、Web標(biāo)準(zhǔn)

一、網(wǎng)頁

1.1 什么是網(wǎng)頁

\color{red}{網(wǎng)站}是指在因特網(wǎng)上根據(jù)一定的規(guī)則，使用HTML等制作的用于展示特定內(nèi)容相關(guān)的網(wǎng)頁集合。
\color{red}{網(wǎng)頁}是網(wǎng)站中的一“頁”，通常是HTML格式的文件，它要通過瀏覽器來閱讀。
\color{red}{網(wǎng)頁是構(gòu)成網(wǎng)站的基本元素}，它通常由圖片、鏈接、文字、聲音、視頻等元素組成。通常我們看到的網(wǎng)頁，常見以\color{red}{.htm}或\color{red}{.html}后綴結(jié)尾的文件，因此將其俗稱為\color{red}{HTML文件}。

1.2 什么是HTML

\color{red}{HTML}指的是\color{red}{超文本標(biāo)記語言}(\color{red}{Hyper Text Markup Language})，它是用來描述網(wǎng)頁的一種語言。HTML不是一種編程語言，而是一種標(biāo)記語言(markup language)。標(biāo)記語言是一套標(biāo)記標(biāo)簽(markup tag)。
\color{red}{所謂超文本，有2層含義：}

  1. 它可以加入圖片、聲音、動畫、多媒體等內(nèi)容（超越了文本限制）。
  2. 它還可以從一個文件跳轉(zhuǎn)到另一個文件，與世界各地主機的文件連接（超級鏈接文本）。

1.3 網(wǎng)頁的形成

網(wǎng)頁是由網(wǎng)頁元素組成的，這些元素是利用html標(biāo)簽描述出來，然后通過瀏覽器解析來顯示給用戶的。
前端人員開發(fā)代碼 ------> 瀏覽器顯示代碼(解析、渲染) ------> 生成最后的Web頁面

1.4 網(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)簽等...

二、常用瀏覽器

瀏覽器是網(wǎng)頁顯示、運行的平臺。常用的瀏覽器由IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。平時稱為五大瀏覽器。

常用瀏覽器.png

瀏覽器內(nèi)核
瀏覽器內(nèi)核（渲染引擎）：負(fù)責(zé)讀取網(wǎng)頁內(nèi)容，整理訊息，計算網(wǎng)頁的顯示方式并顯示頁面。
瀏覽器內(nèi)核.png

目前國內(nèi)一般瀏覽器都會采用Webkit/Blink內(nèi)核，如360、UC、QQ、搜狗等。

三、Web標(biāo)準(zhǔn)（\color{red}{重點}）

\color{red}{Web 標(biāo)準(zhǔn)}是由W3C組織和其他標(biāo)準(zhǔn)化組織制定的\color{red}{一系列標(biāo)準(zhǔn)的集合}。W3C（萬維網(wǎng)聯(lián)盟）是國際最著名的標(biāo)準(zhǔn)化組織。

3.1 為什么需要Web標(biāo)準(zhǔn)

瀏覽器不同，它們顯示頁面或者排版就有些差異。
不同瀏覽器展示效果不不同.png

遵循Web標(biāo)準(zhǔn)除了可以讓不同的開發(fā)人員寫出的頁面更標(biāo)準(zhǔn)、更統(tǒng)一外，還有以下優(yōu)點：

  1. 讓web的發(fā)展前景更廣闊。
  2. 內(nèi)容能被更廣泛的設(shè)備訪問。
  3. 更容易被搜索引擎搜索。
  4. 降低網(wǎng)站流量費用。
  5. 使網(wǎng)站更易于維護(hù)。
  6. 提高頁面瀏覽器速度。

3.2 Web標(biāo)準(zhǔn)的構(gòu)成

主要包括\color{red}{結(jié)構(gòu)（Structure）}、\color{red}{表現(xiàn)（Presentation）}和\color{red}{行為（Behavior）}三個方面。

web標(biāo)準(zhǔn)的構(gòu)成.png

Web標(biāo)準(zhǔn)提出的最佳體驗方案：\color{red}{結(jié)構(gòu)、樣式、行為相分離}。
簡單理解：\color{red}{結(jié)構(gòu)寫到HTML文件中，表現(xiàn)寫到CSS文件中，行為寫到JavaScript文件中}。
web標(biāo)準(zhǔn)最佳體驗方案類比圖.png

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容