00HTML基礎--基本概念

什么是瀏覽器

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

  • 常見主流瀏覽器

  • 不同的瀏覽器不同的瀏覽器內(nèi)核, 瀏覽器內(nèi)核也就是瀏覽器所采用的渲染引擎,渲染引擎決定了瀏覽器如何顯示網(wǎng)頁的內(nèi)容,從而導致了瀏覽器兼容性問題出現(xiàn)
    • IE內(nèi)核 Trident
    • 谷歌內(nèi)核 WebKit / Blink
    • 火狐內(nèi)核 Gecko
    • Safarri內(nèi)核 WebKit
    • 歐朋內(nèi)核 Presto
  • 前期上課以谷歌瀏覽器為主,后面將專門詳細介紹瀏覽器兼容問題

什么是服務器

  • 服務器也是電腦,只不過是比我們的電腦配置更高的電腦,并且24小時不斷電,不關機的計算機
  • 服務器是專門用于存儲數(shù)據(jù)電腦, 訪問者可以訪問服務器獲得服務器上存儲的資源
  • 服務器一旦關機,訪問者就無法訪問

訪問網(wǎng)頁原理

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

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

  • 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)頁上的內(nèi)容

  • 5.結(jié)論

    • 訪問網(wǎng)頁時是有真實的、物理的文件傳輸?shù)?/code>
    • 網(wǎng)頁不是一個文件,而是一堆文件組成的
    • 我們之所以平常感覺第二次訪問比第一次訪問快的原因就是,第一次訪問時已經(jīng)將所有文件緩存到了本地

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

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

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

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

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

  • 請求過程驗證

    • 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格式:

  • 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室
    • 那么如果將地址和門牌號碼結(jié)合在一起, 就是我的詳細地址
  • 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.com AND http://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文件是一個純文本文件

學習交流方式:
1.微信公眾賬號搜索: 李南江(配套視頻,代碼,資料各種福利獲取)
2.加入前端學習交流群:
302942894 / 289964053 / 11550038

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

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

  • //聯(lián)系人:石虎QQ: 1224614774昵稱:嗡嘛呢叭咪哄 什么是瀏覽器 - 瀏覽器是安裝在電腦里面的一個軟件...
    石虎132閱讀 151評論 0 10
  • 什么是瀏覽器 - 瀏覽器是安裝在電腦里面的一個軟件, 能夠讓將網(wǎng)頁內(nèi)容呈現(xiàn)給用戶查看,并讓用戶與網(wǎng)頁交互的一種軟件...
    cheney0217閱讀 153評論 0 0
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,993評論 19 139
  • 投射 今天培訓順利,多向別人學習,愉快大度,發(fā)現(xiàn)美好事物。 感賞 今天培訓還不錯,我聽了其他培訓人員的講解,收獲很...
    媽媽隨筆閱讀 191評論 0 0
  • 他是一舞傾城,一曲尚春。 他名謹 謹在小時候,因父母雙亡,家境貧寒,而被叔嬸賣去了尤春閣——一...
    長安謹閱讀 228評論 0 0