00HTML基礎--基本概念

//聯(lián)系人:石虎QQ: 1224614774昵稱:嗡嘛呢叭咪哄

什么是瀏覽器

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

- 常見主流瀏覽器

>-瀏覽器市場份額-國內統(tǒng)計

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

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

- IE內核 Trident

- 谷歌內核 WebKit / Blink

- 火狐內核 Gecko

- Safarri內核 WebKit

- 歐朋內核 Presto

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

什么是服務器

-服務器也是電腦或听,只不過是比我們的電腦配置更高的電腦探孝,并且24小時不斷電,不關機的計算機

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

- 服務器一旦關機顿颅,訪問者就無法訪問

---

訪問網(wǎng)頁原理

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

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

1.打開IE緩存文件夾

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

Jonathan_Lee為個人電腦用戶名名稱

2.清空該文件夾

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

4.發(fā)現(xiàn)文件夾下多了很多文件(.html足丢、.css粱腻、.js、.png等)斩跌, 仔細觀察不難發(fā)現(xiàn)其實這些文件都是被訪問網(wǎng)頁上的內容

5.結論

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

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

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

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

1.按下回車時瀏覽器根據(jù)輸入的URL地址發(fā)送請求報文

2.服務器接收到請求報文遇革,會對請求報文進行處理

3.服務器將處理完的結果通過響應報文返回給瀏覽器

4.瀏覽器解析服務器返回的結果卿闹,將結果顯示出來

請求過程驗證

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

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

3.打開Network查看請求報文和響應報文

3.1請求報文

一個HTTP請求報文由請求行(request line)揭糕、請求頭部(header)萝快、空行和請求數(shù)據(jù)4個部分

3.2響應報文

一個HTTP響應報文由響應行、響應頭著角、響應體組成

什么是URL

1.我們在瀏覽器的地址欄中輸入的地址其實就是URL

2.URL格式:

127.0.0.1/index.html (瀏覽器會自動補全http:和:80)

http://127.0.0.1/index.html(瀏覽器會自動補全:80)

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

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

3.URL拆分

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

服務器IP地址 127.0.0.1

服務器端口號 :80

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

資源名稱 index.html

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

4.1服務器IP地址 和 服務器端口號它們兩的作用:

告訴瀏覽器要去什么地方才能找到對應的服務器揪漩, 也就是告訴瀏覽器服務器的詳細地址

服務器IP地址相當于現(xiàn)實生活中的地址; 例如:廣州市天河區(qū)棠安苑

服務器端口號相當于現(xiàn)實生活中的門牌號碼吏口; 例如: 9棟909室

那么如果將地址和門牌號碼結合在一起奄容, 就是我的詳細地址

4.2資源名稱它的作用:

告訴服務器我需要獲取哪一個文件

4.3資源名稱

需要訪問的文件名稱

5.補充

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

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

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

什么是HTTP協(xié)議

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

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

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

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

3.溝通問題?

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

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

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

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

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

其它知識儲備

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

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

win10: 隨便打開一個文件夾-->點擊查看-->將文件擴展名的選項勾選上

電腦上的一個文件是可以"同時"被多個軟件打開的, 不同的軟件打開可能會有不同的效果

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

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

什么是純文本文件?

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

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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末舟铜,一起剝皮案震驚了整個濱河市戈盈,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌谆刨,老刑警劉巖塘娶,帶你破解...
    沈念sama閱讀 210,978評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異痊夭,居然都是意外死亡刁岸,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,954評論 2 384
  • 文/潘曉璐 我一進店門她我,熙熙樓的掌柜王于貴愁眉苦臉地迎上來虹曙,“玉大人,你說我怎么就攤上這事番舆「酰” “怎么了?”我有些...
    開封第一講書人閱讀 156,623評論 0 345
  • 文/不壞的土叔 我叫張陵合蔽,是天一觀的道長击敌。 經(jīng)常有香客問我,道長拴事,這世上最難降的妖魔是什么沃斤? 我笑而不...
    開封第一講書人閱讀 56,324評論 1 282
  • 正文 為了忘掉前任,我火速辦了婚禮刃宵,結果婚禮上衡瓶,老公的妹妹穿的比我還像新娘。我一直安慰自己牲证,他們只是感情好哮针,可當我...
    茶點故事閱讀 65,390評論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般十厢。 火紅的嫁衣襯著肌膚如雪等太。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,741評論 1 289
  • 那天蛮放,我揣著相機與錄音缩抡,去河邊找鬼。 笑死包颁,一個胖子當著我的面吹牛瞻想,可吹牛的內容都是我干的。 我是一名探鬼主播娩嚼,決...
    沈念sama閱讀 38,892評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼蘑险,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了岳悟?” 一聲冷哼從身側響起漠其,我...
    開封第一講書人閱讀 37,655評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎竿音,沒想到半個月后和屎,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,104評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡春瞬,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年柴信,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片宽气。...
    茶點故事閱讀 38,569評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡随常,死狀恐怖,靈堂內的尸體忽然破棺而出萄涯,到底是詐尸還是另有隱情绪氛,我是刑警寧澤,帶...
    沈念sama閱讀 34,254評論 4 328
  • 正文 年R本政府宣布涝影,位于F島的核電站枣察,受9級特大地震影響,放射性物質發(fā)生泄漏燃逻。R本人自食惡果不足惜序目,卻給世界環(huán)境...
    茶點故事閱讀 39,834評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望伯襟。 院中可真熱鬧猿涨,春花似錦、人聲如沸姆怪。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,725評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至俺附,卻和暖如春肥卡,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背昙读。 一陣腳步聲響...
    開封第一講書人閱讀 31,950評論 1 264
  • 我被黑心中介騙來泰國打工召调, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留膨桥,地道東北人蛮浑。 一個月前我還...
    沈念sama閱讀 46,260評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像只嚣,于是被迫代替她去往敵國和親沮稚。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,446評論 2 348

推薦閱讀更多精彩內容

  • 什么是瀏覽器 - 瀏覽器是安裝在電腦里面的一個軟件册舞, 能夠讓將網(wǎng)頁內容呈現(xiàn)給用戶查看蕴掏,并讓用戶與網(wǎng)頁交互的一種軟件...
    cheney0217閱讀 144評論 0 0
  • 什么是瀏覽器 瀏覽器是安裝在電腦里面的一個軟件, 能夠將網(wǎng)頁內容呈現(xiàn)給用戶查看调鲸,并讓用戶與網(wǎng)頁交互的一種軟件盛杰。 就...
    極客江南閱讀 23,957評論 45 249
  • 前言:最近發(fā)現(xiàn)自己在網(wǎng)絡相關這一塊基礎很是欠缺,所以準備花時間了解一下藐石,本文主要是講http協(xié)議的一些基礎即供,和一些...
    justCode_閱讀 2,093評論 0 23
  • 在家想著工作,牽掛一件事于微,生存逗嫡, 在司想著出差,面訪一群人株依,拜神驱证, 在外想著妻兒,真情一輩子恋腕,永恒抹锄, 在哪兒都一樣...
    金陵君閱讀 178評論 0 0
  • 自從換工作后豐韙總感覺前所未有的不順利,二面那個很談得來的面試官居然在豐韙入職手續(xù)還沒辦好的時候就離職了荠藤。如果只是...
    牧云郎閱讀 195評論 0 0