??博客主頁：愛敲代碼的小楊.
?專欄：《Java SE語法》 | 《數(shù)據(jù)結(jié)構(gòu)與算法》 | 《C生萬物》 |《MySQL探索之旅》
??感謝大家點贊????收藏?評論???，您的三連就是我持續(xù)更新的動力??
??小楊水平有限，歡迎各位大佬指點，相互學(xué)習(xí)進步！
1. 網(wǎng)頁
說到網(wǎng)頁，其實大家都不陌生，我們上網(wǎng)時瀏覽新聞、查詢信息、看視頻等都是在瀏覽網(wǎng)頁。網(wǎng)頁可以看作承載各種網(wǎng)站應(yīng)用和信息的容器，所有可視化的內(nèi)容都會通過網(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)頁常見的以 .html 和 htm 后綴結(jié)尾的文件，因此將其稱為 HTML文件。
1.2 什么是HTML
HTML 指的是超文本標(biāo)記語言，它是用來描述網(wǎng)頁的一種語言。
所謂超文本，有2層含義：
- 它可以加入圖片、聲音、動畫、多媒體等內(nèi)容（超越了文本的限制）
- 它還可以從一個文件跳轉(zhuǎn)到另一個文件，與世界各地主機的文件連接（超鏈接文本）
HTML 不是一種編程語言，而是一種標(biāo)記語言。
標(biāo)記語言是一套標(biāo)記標(biāo)簽。
1.3 網(wǎng)頁的形成
網(wǎng)頁是由網(wǎng)頁元素組成的，這些元素是利用 HTML 標(biāo)簽描述出來的，然后通過瀏覽器解析來顯示給用戶的。
前端人員開發(fā)代碼——> 瀏覽器顯示代碼（解析、渲染）——> 生成最后的 Web界面
2. 瀏覽器
網(wǎng)頁是通過瀏覽器來展示的，關(guān)于瀏覽器我們要了解一下兩點：
- 常見的瀏覽器
- 瀏覽器的內(nèi)核
2.1 常見的瀏覽器
瀏覽器是網(wǎng)頁顯示、運行和平臺。常用的瀏覽器有 IE、火狐（Firefox）、谷歌（chrome）、safari和opera等。平常稱為五大瀏覽器。
2.2 瀏覽器內(nèi)核
瀏覽器內(nèi)核（渲染引擎）：負責(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其實是的分支。 |
目前國內(nèi)一般瀏覽器都會采用 Webkit/Blink 內(nèi)核，如 360、UC、QQ、搜狗等。
3. Web 標(biāo)準(zhǔ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)點：
- 讓 Web 的發(fā)展前景更廣闊。
- 內(nèi)容能被更廣泛的設(shè)備訪問。
- 更容易被搜尋引擎搜索。
- 降低網(wǎng)站流量費用。
- 使網(wǎng)站更易于維護。
- 提高頁面瀏覽速度。
3.2 Web 標(biāo)準(zhǔn)的組成
主要包括結(jié)構(gòu)、表現(xiàn)、和行為三個方面
| 標(biāo)準(zhǔn) | 說明 |
|---|---|
| 結(jié)構(gòu) | 結(jié)構(gòu)用于對網(wǎng)頁元素進行整理和分類，HTML |
| 表現(xiàn) | 表現(xiàn)用于設(shè)置網(wǎng)頁元素的版式、顏色、大小等外觀樣式，CSS |
| 行為 | 行為是指網(wǎng)頁模型的定義及交互的編寫，JavaScript |
Web 標(biāo)準(zhǔn)提出的最佳體驗方案：結(jié)構(gòu)、樣式、行為相分離。
簡單理解： 結(jié)構(gòu)寫到 HTML 文件中， 表現(xiàn)寫到 CSS 文件中， 行為寫到 JavaScript 文件中。
3.3 Web 標(biāo)準(zhǔn)的構(gòu)成
文章來源：http://www.zghlxwxcb.cn/news/detail-839659.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-839659.html
到了這里，關(guān)于【W(wǎng)eb世界探險家】打開Web世界的大門的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
