什么是網(wǎng)頁? :?
網(wǎng)頁是構(gòu)成網(wǎng)站的基本元素，它通常由 圖片、鏈接、文字、聲音、視頻等元素組成。?
通常我們看到的網(wǎng)頁 ，常見以 .html 或? .htm? 后綴結(jié)尾的文件， 因此俗稱 HTML 文件?
什么是 HTML? :
HTML 指的是 超文本標(biāo)記語言，它是用來描述網(wǎng)頁的一種語言?
HTML 不是一種編程語言，而是一種 標(biāo)記語言
標(biāo)記語言是一套 標(biāo)記標(biāo)簽?
所謂超文本，有兩層含義 ：?
1. 它可以加入 圖片、聲音、動(dòng)畫、多媒體等內(nèi)容（ 超越了 文本的限制 ）?
2. 它還可以從一個(gè)文件跳轉(zhuǎn)到另一個(gè)文件，與世界各的主機(jī)相連接（ 超級(jí)鏈接文本，也稱超文本）?
網(wǎng)頁是怎么形成的 ？?
===>>>
網(wǎng)頁是由網(wǎng)頁元素組成的，這些元素是利用 HTML 標(biāo)簽描述出來，然后通過瀏覽器解析出來顯示
給用戶的。?
?===>>>
前端人員開發(fā)代碼 --->> 瀏覽器顯示代碼 （ 解析、渲染 ） --->> 生成最后 WEB 頁面??
瀏覽器 ：?
常用瀏覽器 ：?
? ? ? ? ? ? ?IE 、 火狐、 谷歌、 Edge等等?
瀏覽器內(nèi)核? ：?
? ? ? ?內(nèi)核也稱為 渲染引擎，主要負(fù)責(zé)讀取網(wǎng)頁內(nèi)容，整理訊息，計(jì)算網(wǎng)頁的顯示方式并顯示頁面
???????
?
? ? ? ? 目前國內(nèi)瀏覽器 一般都采用 Webkit/Blink 內(nèi)核， 如 360、UC、QQ、搜狗等。?
? ??
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)化組織。?
為什么需要 WEB 標(biāo)準(zhǔn) ？？
瀏覽器不同，那他們顯示頁面或者排版就也會(huì)有些許差異。?
舉一個(gè)最簡單的例子， 比如現(xiàn)在我寫了 一個(gè)網(wǎng)頁的代碼， 寫好了，要交給瀏覽器進(jìn)行解析渲染，
結(jié)果有的瀏覽器 設(shè)置的字的大小是 14 ，而有的瀏覽器 設(shè)置的則是 18 ；?
那這就造成了 同一份網(wǎng)頁代碼，卻在不同的瀏覽器上顯示的頁面也各有不同~?。?/p>
所以，只要我寫的代碼符合 WEB 標(biāo)準(zhǔn)，那么在不同的瀏覽器解析出來的頁面也會(huì)是統(tǒng)一的~??！
WEB標(biāo)準(zhǔn)的構(gòu)成? ：
主要包括 結(jié)構(gòu)、表現(xiàn)、行為? 三個(gè)方面?
?Web 標(biāo)準(zhǔn)提出的最佳體驗(yàn)方案 ： 結(jié)構(gòu)、 表現(xiàn)、 行為 相分離
?簡單理解 ：? 結(jié)構(gòu)寫到 HTML 文件中， 表現(xiàn)寫到 CSS 文件中， 行為寫到 JavaScript 文件中。?
為了更形象的理解 WEB 標(biāo)準(zhǔn)的構(gòu)成 ：?
? ? ? ? ? ? ? ? 結(jié)構(gòu)就是身體（ 就是 HTML 的各種標(biāo)簽，網(wǎng)頁元素，代碼等 ）
? ? ? ? ? ? ? ? 表現(xiàn)就是上色? (? 把結(jié)構(gòu)變得更美觀，更漂亮 ）
? ? ? ? ? ? ? ? 行為就是飛翔? (? 可以讓頁面實(shí)現(xiàn) 交互的動(dòng)畫效果 ）?文章來源：http://www.zghlxwxcb.cn/news/detail-659652.html
????????????????當(dāng)然了， 結(jié)構(gòu)自然是最重要的~??！??文章來源地址http://www.zghlxwxcb.cn/news/detail-659652.html
到了這里，關(guān)于前端 -- 基礎(chǔ) 網(wǎng)頁、HTML、 WEB標(biāo)準(zhǔn) 掃盲詳解的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
![[HTML]Web前端開發(fā)技術(shù)9（HTML5、CSS3、JavaScript ）——喵喵畫網(wǎng)頁](https://imgs.yssmx.com/Uploads/2024/02/777294-1.png)
![[HTML]Web前端開發(fā)技術(shù)12（HTML5、CSS3、JavaScript ）——喵喵畫網(wǎng)頁](https://imgs.yssmx.com/Uploads/2024/02/793019-1.png)
![[HTML]Web前端開發(fā)技術(shù)13（HTML5、CSS3、JavaScript ）橫向二級(jí)導(dǎo)航菜單 Web頁面設(shè)計(jì)實(shí)例——喵喵畫網(wǎng)頁](https://imgs.yssmx.com/Uploads/2024/02/797403-1.png)
![[HTML]Web前端開發(fā)技術(shù)25（HTML5、CSS3、JavaScript ）JavaScript基礎(chǔ)消息對(duì)話框告警框確認(rèn)框提示框命名規(guī)范1標(biāo)識(shí)符2關(guān)鍵字3保留字注釋標(biāo)識(shí)符和變量——喵喵畫網(wǎng)頁](https://imgs.yssmx.com/Uploads/2024/02/830038-1.png)
![[HTML]Web前端開發(fā)技術(shù)7（HTML5、CSS3、JavaScript ）CSS的定位機(jī)制——喵喵畫網(wǎng)頁](https://imgs.yssmx.com/Uploads/2024/02/755631-1.png)
