一茫负、瀏覽器與服務(wù)器
1蕉鸳、瀏覽器:
? ? ?瀏覽器是幫助用戶(hù)進(jìn)行瀏覽網(wǎng)頁(yè)的軟件;
? ? ? 瀏覽器與瀏覽器內(nèi)核:ie:trident忍法、safari:webkit潮尝、ff:gecko榕吼、chrome,opera:blink。
2衍锚、服務(wù)器:
瀏覽器接受用戶(hù)操作→瀏覽器封裝HTTP請(qǐng)求→連接服務(wù)器:DNS解析→發(fā)送請(qǐng)求Request→服務(wù)器接收請(qǐng)求→處理請(qǐng)求→返回響應(yīng)報(bào)文→瀏覽器接收響應(yīng)報(bào)文→渲染頁(yè)面呈現(xiàn)友题。
二、網(wǎng)頁(yè)結(jié)構(gòu)
HTML:頁(yè)面結(jié)構(gòu)
CSS:頁(yè)面樣式表現(xiàn)
JavaScript:交互行為
三戴质、html結(jié)構(gòu)與語(yǔ)法
1度宦、結(jié)構(gòu)
文檔,頭部告匠,身體戈抄,內(nèi)容。
特點(diǎn):成對(duì)出現(xiàn)后专,有開(kāi)有閉合划鸽,尖括號(hào)括住了標(biāo)簽名。結(jié)束標(biāo)簽內(nèi)增加了斜線戚哎。
2裸诽、語(yǔ)法
1.HTML標(biāo)簽以 ”<“開(kāi)頭。
2.緊接著就是標(biāo)簽名(中間沒(méi)空格)
3.標(biāo)簽名之后如果有屬性的話型凳,加空格然后是屬性名=""
4.如果有多個(gè)屬性丈冬,屬性間用空格隔開(kāi),空格可以有多個(gè)甘畅。
5.屬性結(jié)束后可以加一個(gè)或多個(gè)空格埂蕊。
6.然后是結(jié)束標(biāo)簽">",如果是閉合標(biāo)簽需要在標(biāo)簽名前加”/",例如:</p>疏唾。
7.單標(biāo)簽蓄氧,斜線沒(méi)有任何意義,可有可無(wú)槐脏。
8.標(biāo)簽中間可嵌套內(nèi)容喉童。
四、html的基本文檔格式
1准给、<!DOCTYPE>標(biāo)記
<!DOCTYPE>標(biāo)記位于文檔的最前面泄朴,用于向?yàn)g覽器說(shuō)明當(dāng)前文檔使用哪種HTML或XHTML標(biāo)準(zhǔn)規(guī)范。主要用于瀏覽器解析文檔標(biāo)簽的依據(jù)露氮。必需在開(kāi)頭處使用標(biāo)記為所有的XHTML文檔指定XHTML版本和類(lèi)型祖灰,只有這樣瀏覽器才能將該網(wǎng)頁(yè)作為有效的XHTML文檔,并按指定的文檔類(lèi)型進(jìn)行解析畔规。<!DOCTYPE>標(biāo)記和瀏覽器的兼容性相關(guān)局扶,刪除,就是把如何展示HTML頁(yè)面的權(quán)利交給瀏覽器。這時(shí)三妈,IE6畜埋,IE7,IE8畴蒲,F(xiàn)irefox2悠鞍,F(xiàn)irefox3,Chrome模燥,有多少種瀏覽器咖祭,頁(yè)面就有可能有多少種顯示效果,這是不被允許的蔫骂。
2么翰、<meta>標(biāo)記
<meta charset="UTF-8">,
utf-8是目前最常用的字符集編碼方式,常用的字符集編碼方式還有g(shù)bk和gb2312辽旋。
gb2312簡(jiǎn)單中文
GBK包含全部中文字符繁體
BIG5繁體中文
UTF-8則包含全世界所有國(guó)家需要用到的字符
五浩嫌、html文檔頭部相關(guān)標(biāo)記<title>
其基本語(yǔ)法格式如下:
<title>網(wǎng)頁(yè)標(biāo)題名稱(chēng)</title>
title標(biāo)簽對(duì)于網(wǎng)站SEO至關(guān)重要,標(biāo)題的好壞直接影響網(wǎng)站的SEO
SEO(Search?Engine Optimization):網(wǎng)站搜索引擎優(yōu)化