爬虫课02作业

本次课作业内容为：

• 选择自己的作业网址为目标分析页面
• 提交页面结构分析
• 提交元素标签位置信息

课业工具：chrome

上次作业网址：http://www.jianshu.com/p/a1a2dabb4bc2

---

第一步分析网页结构

自己简单分析的网页结构如下：

网页分解图

• 在网页中，使用“检查”功能（快捷键ctr+shift+J），可以出现如下界面

源代码检查界面

• 右半边的小标题框elements,内含代码，鼠标在这些源代码点击，对应的网页板块会有提示。 我就按照这些提示去寻找的答案。
• 有些代码，点击后没有对应网页提示。
• 没找到对应代码的版块儿，我使用黄色标注。

第二步元素标签位置信息

元素标签位置信息，这个概念，我很模糊，是不是指网页的某个区，其对应的代码。 反正我就按照这个理解来，做作业。

• 全局顶部导航栏。

,这样的符号，是不是相当于注释功能啊。

网页中的位置

![顶部导航栏对应的标签信息](http://upload-images.jianshu.io/upload_images/4421285-6514ef92b009e661.png?
imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

• 正文区

正文

正文对应的标签信息

class= "note" 是什么意思啊？ note应该代表正文。

• 推荐笔记

推荐笔记区域

文章底部区域对应标签信息

• slide tool

滑动工具

对应的位置标签

其实快做完作业才发现，一个网页的格局好清晰，写作业时太看局部了。

个人的片面理解