爬虫课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

滑动工具
对应的位置标签

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

个人的片面理解
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,473评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,169评论 19 139
  • 隐藏导航栏时为了侧滑不显示黑条,使用下边的方法。
    伏特加阅读 1,621评论 0 0
  • 万里传音信,游鸿塞北飞。 温晴春化雨,翠嫩草成堆。 雨落寻青草,芽生觅水帷。 随君平碧落,望尽始觉回。
    浮零先生阅读 1,423评论 0 6

友情链接更多精彩内容