00HTML基礎(chǔ)--基本概念

什么是瀏覽器

- 瀏覽器是安裝在電腦里面的一個(gè)軟件, 能夠讓將網(wǎng)頁內(nèi)容呈現(xiàn)給用戶查看单料,并讓用戶與網(wǎng)頁交互的一種軟件埋凯。 就好比QQ一樣都是安裝在電腦里面的一個(gè)軟件点楼, 只不過功能不同而已

- 常見主流瀏覽器

>-瀏覽器市場(chǎng)份額-國內(nèi)統(tǒng)計(jì)

>-瀏覽器市場(chǎng)份額-國外統(tǒng)計(jì)

-不同的瀏覽器有不同的瀏覽器內(nèi)核, 瀏覽器內(nèi)核也就是瀏覽器所采用的渲染引擎白对,渲染引擎決定了瀏覽器如何顯示網(wǎng)頁的內(nèi)容掠廓,從而導(dǎo)致了瀏覽器兼容性問題出現(xiàn)

- IE內(nèi)核 Trident

- 谷歌內(nèi)核 WebKit / Blink

- 火狐內(nèi)核 Gecko

- Safarri內(nèi)核 WebKit

- 歐朋內(nèi)核 Presto

- 前期上課以后面谷歌瀏覽器為主,后面將專門詳細(xì)介紹瀏覽器兼容問題

什么是服務(wù)器

-服務(wù)器也是電腦甩恼,只不過是比我們的電腦配置更高的電腦蟀瞧,并且24小時(shí)不斷電,不關(guān)機(jī)的計(jì)算機(jī)

- 服務(wù)器是專門用于存儲(chǔ)數(shù)據(jù)電腦条摸, 訪問者可以訪問服務(wù)器獲得服務(wù)器上存儲(chǔ)的資源

- 服務(wù)器一旦關(guān)機(jī)悦污,訪問者就無法訪問

---

訪問網(wǎng)頁原理

瀏覽器請(qǐng)求數(shù)據(jù)的原理

我們是如何通過瀏覽器查看網(wǎng)頁上的內(nèi)容的?

1.打開IE緩存文件夾

+ `C:\Users\Jonathan_Lee\AppData\Local\Microsoft\Windows\Temporary Internet Files`

Jonathan_Lee為個(gè)人電腦用戶名名稱

2.清空該文件夾

3.用IE打開網(wǎng)頁

4.發(fā)現(xiàn)文件夾下多了很多文件(.html钉蒲、.css塞关、.js、.png等)子巾, 仔細(xì)觀察不難發(fā)現(xiàn)其實(shí)這些文件都是被訪問網(wǎng)頁上的內(nèi)容

5.結(jié)論

訪問網(wǎng)頁時(shí)是有真實(shí)的、物理的文件傳輸?shù)?/p>

網(wǎng)頁不是一個(gè)文件小压,而是一堆文件組成的

我們之所以平常感覺第二次訪問比第一次訪問快的原因就是线梗,第一次訪問時(shí)已經(jīng)將所有文件緩存到了本地

瀏覽器請(qǐng)求數(shù)據(jù)的過程

1.按下回車時(shí)瀏覽器根據(jù)輸入的URL地址發(fā)送請(qǐng)求報(bào)文

2.服務(wù)器接收到請(qǐng)求報(bào)文,會(huì)對(duì)請(qǐng)求報(bào)文進(jìn)行處理

3.服務(wù)器將處理完的結(jié)果通過響應(yīng)報(bào)文返回給瀏覽器

4.瀏覽器解析服務(wù)器返回的結(jié)果怠益,將結(jié)果顯示出來

請(qǐng)求過程驗(yàn)證

1.利用chome瀏覽器打開一個(gè)網(wǎng)頁

2.打開開發(fā)人員工具

3.打開Network查看請(qǐng)求報(bào)文和響應(yīng)報(bào)文

3.1請(qǐng)求報(bào)文

一個(gè)HTTP請(qǐng)求報(bào)文由請(qǐng)求行(request line)仪搔、請(qǐng)求頭部(header)、空行和請(qǐng)求數(shù)據(jù)4個(gè)部分

3.2響應(yīng)報(bào)文

一個(gè)HTTP響應(yīng)報(bào)文由響應(yīng)行蜻牢、響應(yīng)頭烤咧、響應(yīng)體組成

什么是URL

1.我們?cè)跒g覽器的地址欄中輸入的地址其實(shí)就是URL

2.URL格式:

127.0.0.1/index.html (瀏覽器會(huì)自動(dòng)補(bǔ)全http:和:80)

http://127.0.0.1/index.html(瀏覽器會(huì)自動(dòng)補(bǔ)全:80)

http://127.0.0.1:80/index.html(完整格式)

協(xié)議類型://ip地址:端口號(hào)/資源路徑/資源名稱

3.URL拆分

網(wǎng)絡(luò)協(xié)議類型 http://

服務(wù)器IP地址 127.0.0.1

服務(wù)器端口號(hào) :80

資源路徑 網(wǎng)頁在服務(wù)器上的路徑

資源名稱 index.html

4.URL拆分后每一部分的作用

4.1服務(wù)器IP地址 和 服務(wù)器端口號(hào)它們兩的作用:

告訴瀏覽器要去什么地方才能找到對(duì)應(yīng)的服務(wù)器, 也就是告訴瀏覽器服務(wù)器的詳細(xì)地址

服務(wù)器IP地址相當(dāng)于現(xiàn)實(shí)生活中的地址抢呆; 例如:廣州市天河區(qū)棠安苑

服務(wù)器端口號(hào)相當(dāng)于現(xiàn)實(shí)生活中的門牌號(hào)碼煮嫌; 例如: 9棟909室

那么如果將地址和門牌號(hào)碼結(jié)合在一起, 就是我的詳細(xì)地址

4.2資源名稱它的作用:

告訴服務(wù)器我需要獲取哪一個(gè)文件

4.3資源名稱

需要訪問的文件名稱

5.補(bǔ)充

URL全稱Uniform Resource Locator(統(tǒng)一資源定位符)抱虐, 互聯(lián)網(wǎng)上的每一個(gè)資源都有一個(gè)唯一的URL地址

由于IP地址全都是數(shù)字昌阿, 沒有任何的含義,比較難以記憶恳邀。 所以在訪問網(wǎng)頁時(shí)最常見的不是IP地址而是“域名”(一串有含義的字母OR數(shù)字)

好比:http://www.baidu.comANDhttp://111.13.100.92:80/

什么是HTTP協(xié)議

1.HTTP是Hypertext Transfer Protocol的縮寫, 超文本傳輸協(xié)議

2.什么是協(xié)議?

在現(xiàn)實(shí)生活中有很多的協(xié)議, 例如租房協(xié)議/買賣協(xié)議/離婚協(xié)議

無論是什么協(xié)議他們都是一個(gè)共同點(diǎn), 就是用來規(guī)范/約束某一類事物

3.溝通問題?

溝通最常見的問題就是語言不通, 例如中國人和美國人溝通, 一個(gè)人說中文, 一個(gè)人說英文, 如果兩個(gè)人都不懂中文或者英文, 那么就會(huì)出現(xiàn)溝通問題

如果要想解決溝通文件, 是不是需要先擬定規(guī)定, 兩個(gè)人都說中文, 或者兩個(gè)人都說英文, 或者請(qǐng)一個(gè)既懂中文又懂英文的翻譯

4.HTTP協(xié)議是用來規(guī)范/約束哪一類事物?

瀏覽器訪問網(wǎng)頁其實(shí)就是去服務(wù)器請(qǐng)求數(shù)據(jù), 所以瀏覽器需要和服務(wù)器溝通, 所以也會(huì)存在溝通問題

HTTP協(xié)議就相當(dāng)于我們讓兩個(gè)人都說中文或者都說英文一樣, 就是提前規(guī)范兩個(gè)人之間如何溝通, 也就是規(guī)范/約束瀏覽器和服務(wù)器之間如何溝通

其它知識(shí)儲(chǔ)備

在Windows系統(tǒng)中如何查看文件的擴(kuò)展名

默認(rèn)情況下Windows系統(tǒng)是不顯示文件的擴(kuò)展名的, 但是作為一個(gè)開發(fā)者而言, 查看文件的擴(kuò)展名是我們的必備技能

win10: 隨便打開一個(gè)文件夾-->點(diǎn)擊查看-->將文件擴(kuò)展名的選項(xiàng)勾選上

電腦上的一個(gè)文件是可以"同時(shí)"被多個(gè)軟件打開的, 不同的軟件打開可能會(huì)有不同的效果

例如: 同一個(gè)index.html文件可以被多個(gè)瀏覽器和記事本一起打開

例如: .html文件通過瀏覽器打開不可以編輯, 通過記事本打開可以編輯

什么是純文本文件?

我們Windows電腦上有一款默認(rèn)安裝好的軟件叫做記事本. 這款軟件就是專門用來打開純文本文件的, 所以只要能夠被記事本打開, 并且能夠正常顯示的文件都是純文本文件

.html的文件可以被記事本打開, 并且能夠正常顯示,所以.html文件是一個(gè)純文本文件

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末懦冰,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子谣沸,更是在濱河造成了極大的恐慌刷钢,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,865評(píng)論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件乳附,死亡現(xiàn)場(chǎng)離奇詭異内地,居然都是意外死亡伴澄,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,296評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門瓤鼻,熙熙樓的掌柜王于貴愁眉苦臉地迎上來秉版,“玉大人,你說我怎么就攤上這事茬祷∏寤溃” “怎么了?”我有些...
    開封第一講書人閱讀 169,631評(píng)論 0 364
  • 文/不壞的土叔 我叫張陵祭犯,是天一觀的道長秸妥。 經(jīng)常有香客問我,道長沃粗,這世上最難降的妖魔是什么粥惧? 我笑而不...
    開封第一講書人閱讀 60,199評(píng)論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮最盅,結(jié)果婚禮上突雪,老公的妹妹穿的比我還像新娘。我一直安慰自己涡贱,他們只是感情好咏删,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,196評(píng)論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著问词,像睡著了一般督函。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上激挪,一...
    開封第一講書人閱讀 52,793評(píng)論 1 314
  • 那天辰狡,我揣著相機(jī)與錄音,去河邊找鬼垄分。 笑死宛篇,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的薄湿。 我是一名探鬼主播些己,決...
    沈念sama閱讀 41,221評(píng)論 3 423
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼嘿般!你這毒婦竟也來了段标?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,174評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤炉奴,失蹤者是張志新(化名)和其女友劉穎逼庞,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體瞻赶,經(jīng)...
    沈念sama閱讀 46,699評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡赛糟,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,770評(píng)論 3 343
  • 正文 我和宋清朗相戀三年派任,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片璧南。...
    茶點(diǎn)故事閱讀 40,918評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡掌逛,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出司倚,到底是詐尸還是另有隱情豆混,我是刑警寧澤,帶...
    沈念sama閱讀 36,573評(píng)論 5 351
  • 正文 年R本政府宣布动知,位于F島的核電站皿伺,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏盒粮。R本人自食惡果不足惜鸵鸥,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,255評(píng)論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望丹皱。 院中可真熱鬧妒穴,春花似錦、人聲如沸摊崭。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,749評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽爽室。三九已至,卻和暖如春淆攻,著一層夾襖步出監(jiān)牢的瞬間阔墩,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,862評(píng)論 1 274
  • 我被黑心中介騙來泰國打工瓶珊, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留啸箫,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,364評(píng)論 3 379
  • 正文 我出身青樓伞芹,卻偏偏與公主長得像忘苛,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子唱较,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,926評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容

  • //聯(lián)系人:石虎QQ: 1224614774昵稱:嗡嘛呢叭咪哄 什么是瀏覽器 - 瀏覽器是安裝在電腦里面的一個(gè)軟件...
    石虎132閱讀 148評(píng)論 0 10
  • 什么是瀏覽器 瀏覽器是安裝在電腦里面的一個(gè)軟件扎唾, 能夠?qū)⒕W(wǎng)頁內(nèi)容呈現(xiàn)給用戶查看,并讓用戶與網(wǎng)頁交互的一種軟件南缓。 就...
    極客江南閱讀 23,970評(píng)論 45 249
  • 前言:最近發(fā)現(xiàn)自己在網(wǎng)絡(luò)相關(guān)這一塊基礎(chǔ)很是欠缺胸遇,所以準(zhǔn)備花時(shí)間了解一下,本文主要是講http協(xié)議的一些基礎(chǔ)汉形,和一些...
    justCode_閱讀 2,094評(píng)論 0 23
  • 一纸镊、困難情緒是什么倍阐? (一)困難情緒的定義 表面看當(dāng)我們遇到一件自己感覺不容易的事情時(shí),產(chǎn)生的一種感受逗威。 深層看*...
    易查理閱讀 301評(píng)論 0 1