本次課作業(yè)內(nèi)容為：
- 選擇自己的簡書作業(yè)網(wǎng)址為目標分析頁面
- 提交頁面結(jié)構(gòu)分析
- 提交元素標簽位置信息
課業(yè)工具：chrome
上次作業(yè)網(wǎng)址：http://www.reibang.com/p/a1a2dabb4bc2
第一步分析網(wǎng)頁結(jié)構(gòu)
自己簡單分析的網(wǎng)頁結(jié)構(gòu)如下：
網(wǎng)頁分解圖
- 在網(wǎng)頁中岩梳，使用“檢查”功能（快捷鍵ctr+shift+J）囊骤，可以出現(xiàn)如下界面
源代碼檢查界面
- 右半邊的小標題框elements,內(nèi)含代碼，鼠標在這些源代碼點擊冀值，對應(yīng)的網(wǎng)頁板塊會有提示。 我就按照這些提示去尋找的答案宫屠。
- 有些代碼列疗，點擊后沒有對應(yīng)網(wǎng)頁提示。
- 沒找到對應(yīng)代碼的版塊兒浪蹂，我使用黃色標注抵栈。
第二步元素標簽位置信息
元素標簽位置信息，這個概念坤次，我很模糊古劲，是不是指網(wǎng)頁的某個區(qū)，其對應(yīng)的代碼缰猴。 反正我就按照這個理解來产艾，做作業(yè)。
-
全局頂部導(dǎo)航欄滑绒。
,這樣的符號闷堡，是不是相當(dāng)于注釋功能啊。
網(wǎng)頁中的位置
-
正文區(qū)
正文
正文對應(yīng)的標簽信息
class= "note" 是什么意思耙晒省杠览？ note應(yīng)該代表正文。
-
推薦筆記
推薦筆記區(qū)域
文章底部區(qū)域?qū)?yīng)標簽信息
-
slide tool
滑動工具
對應(yīng)的位置標簽
其實快做完作業(yè)才發(fā)現(xiàn)纵势，一個網(wǎng)頁的格局好清晰踱阿，寫作業(yè)時太看局部了。
個人的片面理解
