（備注：凡是利用圓括號(hào)括起來(lái)的一般就是注釋或者英文解釋，用webstorm寫(xiě)程序時(shí)一定要注意字符一定要在英文狀態(tài)下輸入?。?br>
1.瀏覽器：
定義：是安裝在電腦里面的一個(gè)軟件， 能夠讓將網(wǎng)頁(yè)內(nèi)容呈現(xiàn)給用戶查看，并讓用戶與網(wǎng)頁(yè)交互的一種軟件。
常用的有IE、谷歌、火狐、 safrri、歐朋瀏覽器。
2.服務(wù)器：
服務(wù)器也是電腦，只不過(guò)是比我們的電腦配置更高的電腦，并且24小時(shí)不斷電，不關(guān)機(jī)的計(jì)算機(jī)
服務(wù)器是專門(mén)用于存儲(chǔ)數(shù)據(jù)電腦， 訪問(wèn)者可以訪問(wèn)服務(wù)器，獲得服務(wù)器上存儲(chǔ)的資源
服務(wù)器一旦關(guān)機(jī)，訪問(wèn)者就無(wú)法訪問(wèn)。
3.瀏覽器請(qǐng)求數(shù)據(jù)的過(guò)程：
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é)果通過(guò)響應(yīng)報(bào)文返回給瀏覽器
4）.瀏覽器解析服務(wù)器返回的結(jié)果，將結(jié)果顯示出來(lái)
4.請(qǐng)求過(guò)程驗(yàn)證
1）.利用chome瀏覽器打開(kāi)一個(gè)網(wǎng)頁(yè)
2）.打開(kāi)開(kāi)發(fā)人員工具
3）.打開(kāi)Network查看請(qǐng)求報(bào)文和響應(yīng)報(bào)文
4.1請(qǐng)求報(bào)文
一個(gè)HTTP請(qǐng)求報(bào)文由請(qǐng)求行（request line）、請(qǐng)求頭部（header）、空行和請(qǐng)求數(shù)據(jù)4個(gè)部分
4.2響應(yīng)報(bào)文
一個(gè)HTTP響應(yīng)報(bào)文由響應(yīng)行、響應(yīng)頭、響應(yīng)體組成
5.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)頁(yè)在服務(wù)器上的路徑
資源名稱 index.html
6.URL拆分后每一部分的作用
6.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í)生活中的門(mén)牌號(hào)碼； 例如： 9棟909室
那么如果將地址和門(mén)牌號(hào)碼結(jié)合在一起， 就是我的詳細(xì)地址
7.純文本文件
定義：我們Windows電腦上有一款默認(rèn)安裝好的軟件叫做記事本. 這款軟件就是專門(mén)用來(lái)打開(kāi)純文本文件的, 所以只要能夠被記事本打開(kāi), 并且能夠正常顯示的文件都是純文本文件
.html的文件可以被記事本打開(kāi), 并且能夠正常顯示,所以.html文件是一個(gè)純文本文件
8.什么是HTLM
HTML是HyperText Markup Language的縮寫(xiě), 就是超文本標(biāo)記語(yǔ)言
9.
HTML發(fā)展史
IETF簡(jiǎn)介
IETF是英文Internet Engineering Task Force的縮寫(xiě), 翻譯過(guò)來(lái)就是”互聯(lián)網(wǎng)工程任務(wù)組”
IETF負(fù)責(zé)定義并管理因特網(wǎng)技術(shù)的所有方面。包括用于數(shù)據(jù)傳輸?shù)腎P協(xié)議、讓域名與IP地址匹配的域名系統(tǒng)（DNS）、用于發(fā)送郵件的簡(jiǎn)單郵件傳輸協(xié)議（SMTP）等
W3C簡(jiǎn)介：
W3C是英文World Wide Web Consortium的縮寫(xiě)， 翻譯過(guò)來(lái)就是W3C理事會(huì)或萬(wàn)維網(wǎng)聯(lián)盟, W3C是全球互聯(lián)網(wǎng)最具權(quán)威的技術(shù)標(biāo)準(zhǔn)化組織.
W3C于1994年10月在麻省理工學(xué)院計(jì)算機(jī)科學(xué)實(shí)驗(yàn)室成立。創(chuàng)建者是萬(wàn)維網(wǎng)的發(fā)明者Tim Berners-Lee
W3C負(fù)責(zé)web方面標(biāo)準(zhǔn)的制定，像HTML、XHTML、CSS、XML的標(biāo)準(zhǔn)就是由W3C來(lái)定制的。
10.HTML的基本結(jié)構(gòu)
<!DOCTYPE html>(DTD文檔聲明)
<html>
? ? ? ? <head>
? ? ? ? <meta charset="UTF-8">
? ? ? ?<title>HTML的基本結(jié)構(gòu)</title>
? ? ? </head>
? ? ? <body>
? ? ? HTML在現(xiàn)今屬于什么發(fā)展時(shí)期？
? ? ? </body>
</html>
html標(biāo)簽
作用:
用于告訴瀏覽器這是一個(gè)網(wǎng)頁(yè), 也就是說(shuō)告訴瀏覽器我是一個(gè)HTML文檔
注意點(diǎn):
其它所有的標(biāo)簽都必須寫(xiě)在html標(biāo)簽里面, 也就是寫(xiě)在html開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽中間
head標(biāo)簽
作用:
用于給網(wǎng)站添加一些配置信息
例如:
指定網(wǎng)站的標(biāo)題 / 指定網(wǎng)站的小圖片
添加網(wǎng)站的SEO相關(guān)的信息(指定網(wǎng)站的關(guān)鍵字/指定網(wǎng)站的描述信息)
外掛一些外部的css/js文件
添加一些瀏覽器適配相關(guān)的內(nèi)容
注意點(diǎn):
一般情況下, 寫(xiě)在head標(biāo)簽內(nèi)部的內(nèi)容都不會(huì)顯示給用戶查看, 也就是說(shuō)一般情況下寫(xiě)在head標(biāo)簽內(nèi)部的內(nèi)容我們都看不到
title標(biāo)簽
作用:
專門(mén)用于指定網(wǎng)站的標(biāo)題, 并且這個(gè)指定的標(biāo)題將來(lái)還會(huì)作為用戶保存網(wǎng)站的默認(rèn)標(biāo)題
注意點(diǎn):
title標(biāo)簽必須寫(xiě)在head標(biāo)簽里面
body標(biāo)簽
作用:
專門(mén)用于定義HTML文檔中需要顯示給用戶查看的內(nèi)容(文字/圖片/音頻/視頻)
注意點(diǎn):
雖然說(shuō)有時(shí)候你可能將內(nèi)容寫(xiě)到了別的地方在網(wǎng)頁(yè)中也能看到, 但是千萬(wàn)不要這么干, 一定要將需要顯示的內(nèi)容寫(xiě)在body中
一對(duì)html標(biāo)簽中(一個(gè)html開(kāi)始標(biāo)簽和一個(gè)html結(jié)束標(biāo)簽)只能有一對(duì)body標(biāo)簽
head內(nèi)部標(biāo)簽
meta標(biāo)簽：
1.為什么會(huì)有亂碼現(xiàn)象?
因?yàn)槲覀冊(cè)诰帉?xiě)網(wǎng)頁(yè)的時(shí)候沒(méi)有指定字符集
2.如何解決亂碼現(xiàn)象?
在head標(biāo)簽中添加<meta charset="UTF-8">, 指定字符集
GBK(GB2312)和UTF-8區(qū)別
GBK(GB2312)里面存儲(chǔ)的字符比較少, 僅僅存儲(chǔ)了漢字和一些常用外文
體積比較小
UTF-8里面存儲(chǔ)的世界上所有的文字
體積比較大
企業(yè)開(kāi)發(fā)中僅僅是中文就用GBK（2312），其他一律使用UTF-8.
HTML標(biāo)簽分類:
單標(biāo)簽
只有開(kāi)始標(biāo)簽沒(méi)有結(jié)束標(biāo)簽, 也就是由一個(gè)<>組成的
<meta charset="UTF-8">
雙標(biāo)簽
有開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽, 也就是由一個(gè)<>和一個(gè)組成的
<html>
</html>
并列關(guān)系
<head>
</head>
<body>
</body>
嵌套關(guān)系
<head>
<title>hello</title>
</head>
什么是DTD文檔聲明?
由于HTML有很多個(gè)版本的規(guī)范, 每個(gè)版本的規(guī)范之間又有一定的差異. 所以為了讓瀏覽器能夠正確的編譯/解析/渲染我們的網(wǎng)頁(yè), 我們需要在HTML文件的第一行告訴瀏覽器, 我們當(dāng)前這個(gè)網(wǎng)頁(yè)是用哪一個(gè)版本的HTML規(guī)范來(lái)編寫(xiě)的. 瀏覽器只要知道了我們是用哪一個(gè)版本的規(guī)范來(lái)編寫(xiě)之后, 它就能夠正確的編譯/解析/渲染我們的網(wǎng)頁(yè).
注意事項(xiàng):
<!DOCTYPE html>聲明必須是 HTML 文檔的第一行，位于 標(biāo)簽之前
<!DOCTYPE html>聲明不是 HTML 標(biāo)簽
<!DOCTYPE html>聲明沒(méi)有結(jié)束標(biāo)簽
<!DOCTYPE html>聲明對(duì)大小寫(xiě)不敏感
這個(gè)聲明瀏覽器會(huì)看, 但是并不是完全依賴于這個(gè)聲明, 瀏覽器有一套自己的默認(rèn)的處理機(jī)制
不寫(xiě)也能運(yùn)行
H5網(wǎng)頁(yè)里面用H4也能運(yùn)行
HTML5之前有2大種規(guī)范, 每種規(guī)范中又有3小種規(guī)范:
HTMLStrict (嚴(yán)格的)
HTMLTransitional(過(guò)度的,普通的,寬松的)
HTMLFrameset(帶有框架的頁(yè)面)
XHTMLStrict (嚴(yán)格的)
XHTMLTransitional(過(guò)度的,普通的,寬松的)
XHTMLFrameset(帶有框架的頁(yè)面)
