Day01筆記

一茫负、瀏覽器與服務(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)化

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末补胚,一起剝皮案震驚了整個(gè)濱河市码耐,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌溶其,老刑警劉巖伐坏,帶你破解...
    沈念sama閱讀 211,348評(píng)論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異握联,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)每瞒,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,122評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門(mén)金闽,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人剿骨,你說(shuō)我怎么就攤上這事代芜。” “怎么了浓利?”我有些...
    開(kāi)封第一講書(shū)人閱讀 156,936評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵挤庇,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我贷掖,道長(zhǎng)嫡秕,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,427評(píng)論 1 283
  • 正文 為了忘掉前任苹威,我火速辦了婚禮昆咽,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己掷酗,他們只是感情好调违,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,467評(píng)論 6 385
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著泻轰,像睡著了一般技肩。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上浮声,一...
    開(kāi)封第一講書(shū)人閱讀 49,785評(píng)論 1 290
  • 那天虚婿,我揣著相機(jī)與錄音,去河邊找鬼阿蝶。 笑死雳锋,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的羡洁。 我是一名探鬼主播玷过,決...
    沈念sama閱讀 38,931評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼筑煮!你這毒婦竟也來(lái)了辛蚊?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,696評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤真仲,失蹤者是張志新(化名)和其女友劉穎袋马,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體秸应,經(jīng)...
    沈念sama閱讀 44,141評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡虑凛,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,483評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了软啼。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片桑谍。...
    茶點(diǎn)故事閱讀 38,625評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖祸挪,靈堂內(nèi)的尸體忽然破棺而出锣披,到底是詐尸還是另有隱情,我是刑警寧澤贿条,帶...
    沈念sama閱讀 34,291評(píng)論 4 329
  • 正文 年R本政府宣布雹仿,位于F島的核電站,受9級(jí)特大地震影響整以,放射性物質(zhì)發(fā)生泄漏胧辽。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,892評(píng)論 3 312
  • 文/蒙蒙 一悄蕾、第九天 我趴在偏房一處隱蔽的房頂上張望票顾。 院中可真熱鬧础浮,春花似錦、人聲如沸奠骄。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,741評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)含鳞。三九已至影锈,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間蝉绷,已是汗流浹背鸭廷。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,977評(píng)論 1 265
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留熔吗,地道東北人辆床。 一個(gè)月前我還...
    沈念sama閱讀 46,324評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像桅狠,于是被迫代替她去往敵國(guó)和親讼载。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,492評(píng)論 2 348

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

  • 格式后期處理中跌。 Jeremy Keith在 Fronteers 2010 上的主題演講 今天我想跟大家談一談HTM...
    LordZhou閱讀 1,123評(píng)論 0 17
  • 什么是html咨堤? html是一種網(wǎng)頁(yè)標(biāo)記語(yǔ)言,叫超文本標(biāo)記語(yǔ)言漩符,我們平時(shí)上網(wǎng)所看到的所有網(wǎng)頁(yè)均來(lái)自于html一喘,英文...
    波段頂?shù)?/span>閱讀 8,352評(píng)論 2 7
  • 學(xué)習(xí)HTML的最佳網(wǎng)站沒(méi)有之一http://www.w3school.com.cn/html/ 關(guān)于HTML/HT...
    Amyyy_閱讀 2,054評(píng)論 0 16
  • ?前端面試題匯總 一、HTML和CSS 21 你做的頁(yè)面在哪些流覽器測(cè)試過(guò)嗜暴?這些瀏覽器的內(nèi)核分別是什么? ...
    Simon_s閱讀 2,220評(píng)論 0 8
  • 鍛煉的地方越來(lái)越少凸克!自己也越來(lái)越懶!今早居然一直在外浪費(fèi)時(shí)間闷沥。下午回公司學(xué)習(xí)触徐,感覺(jué)也是在浪費(fèi)時(shí)間.....
    DeathKnightR閱讀 183評(píng)論 0 0