本次課作業(yè)內(nèi)容為：

• 選擇自己的簡(jiǎn)書作業(yè)網(wǎng)址為目標(biāo)分析頁面
• 提交頁面結(jié)構(gòu)分析
• 提交元素標(biāo)簽位置信息

課業(yè)工具：chrome

上次作業(yè)網(wǎng)址：http://www.lxweimin.com/p/a1a2dabb4bc2

第一步分析網(wǎng)頁結(jié)構(gòu)

自己簡(jiǎn)單分析的網(wǎng)頁結(jié)構(gòu)如下：

網(wǎng)頁分解圖

• 在網(wǎng)頁中，使用“檢查”功能（快捷鍵ctr+shift+J），可以出現(xiàn)如下界面

源代碼檢查界面

• 右半邊的小標(biāo)題框elements,內(nèi)含代碼，鼠標(biāo)在這些源代碼點(diǎn)擊，對(duì)應(yīng)的網(wǎng)頁板塊會(huì)有提示。 我就按照這些提示去尋找的答案。
• 有些代碼，點(diǎn)擊后沒有對(duì)應(yīng)網(wǎng)頁提示。
• 沒找到對(duì)應(yīng)代碼的版塊兒，我使用黃色標(biāo)注。

第二步元素標(biāo)簽位置信息

元素標(biāo)簽位置信息，這個(gè)概念，我很模糊，是不是指網(wǎng)頁的某個(gè)區(qū)，其對(duì)應(yīng)的代碼。 反正我就按照這個(gè)理解來，做作業(yè)。

• 全局頂部導(dǎo)航欄。

,這樣的符號(hào)，是不是相當(dāng)于注釋功能啊。

網(wǎng)頁中的位置

![頂部導(dǎo)航欄對(duì)應(yīng)的標(biāo)簽信息](http://upload-images.jianshu.io/upload_images/4421285-6514ef92b009e661.png?
imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

• 正文區(qū)

正文

正文對(duì)應(yīng)的標(biāo)簽信息

class= "note" 是什么意思啊？ note應(yīng)該代表正文。

• 推薦筆記

推薦筆記區(qū)域

文章底部區(qū)域?qū)?yīng)標(biāo)簽信息

• slide tool

滑動(dòng)工具

對(duì)應(yīng)的位置標(biāo)簽

其實(shí)快做完作業(yè)才發(fā)現(xiàn)，一個(gè)網(wǎng)頁的格局好清晰，寫作業(yè)時(shí)太看局部了。

個(gè)人的片面理解