Python爬虫教程：解析网页中的元素

前言：

嗨喽~大家好呀，这里是魔王呐 ❤ ~!

python更多源码/资料/解答/教程等点击此处跳转文末名片免费获取

在我们理解了网页中标签是如何嵌套，以及网页的构成之后，

我们就是可以开始学习使用python中的第三方库BeautifulSoup筛选出一个网页中我们想要得到的数据。

接下来我们了解一下爬取网页信息的步骤。

一、基本步骤

想要获得我们所需的数据分三步

使用BeautifulSoup解析网页

Soup = BeautifulSoup(html,‘lxml’)
描述想要爬去信息的东西在哪里。

信息 = Soup.select(‘???’)

要知道它叫什么名字，如何去定位。
从标签中获得你想要的信息

<p>Something</p> 从标签中获取我们需要的信息，去掉一些没有用的结构，

并且把我们获取的信息按照一定格式装在数据容器中，方便我们去查询。

二、两种路径获得方式详解

接下来，我们首先进行第一步，如何使用BeautifulSoup解析网页

Soup = BeautifulSoup(html,'lxml')

实际上我们构造一个解析文件需要一个网页文件和解析查询库。

就好比左边的Soup是汤，html是汤料，而lxml是食谱。

今天我们需要讲的BeautifulSoup，通过我们告诉它元素的具体的位置，就可以向他指定我们想要爬去的信息。

找到相应的元素右键检查的，看到元素的代码信息进行右击，我们有两种方式获得标签的位置的具体描述方式

使用copy selector
使用copy XPath

这两种复制的路径有什么区别，接下来就让大家看一下

右键标签copy selector复制出来的路径

body > div.body-wrapper > div.content-wrapper > div > div.main-content > div:nth-child(15) > a

右键标签copy XPath复制出来的路径

'''
遇到问题没人解答？小编创建了一个Python学习交流QQ群：926207505
寻找有志同道合的小伙伴，互帮互助,群里还有不错的视频学习教程和PDF电子书！
'''
/html/body/div[4]/div[2]/div/div[2]/div[14]/a

这两种不同的路径描述方式，使用copy selector复制出来的路径叫做 CSS Selector，使用copy XPath复制出来的叫做XPath。

这两种路径的描述方式在今后的学习中我们都可以用的到，但是我们今天要学习的BeautifulSoup它只认第一种，就是CSS Selector。

但是为了方便我们以后的学习，更好认识网页间不同元素的结构，我们先讲一下XPath，在学习了它之后，CSS Selector也会更好的理解，同时日后我们需要学习的一些库也需要用到XPath去描述一些元素的位置。

XPath

1.什么是XPath

Xpath使用路径表达式在XML文档中进行导航，解析到路径跟踪到的XML元素。

2.XPath路径表达式

路径表达式是xpath的传入参数，xpath使用路径表达式对XML文档中的节点（或者多个节点）进行定位。

路径表达式类似这种：/html/body/div[4]/div[2]/div/div[2]/div[14]/a 或者 /html/body/div[@class=”content”] ，其中第二个路径中的[@class=”content”] 是为了在多个相同标签中定位到一个标签。

刚才拿到的那个XPath的路径 /html/body/div[4]/div[2]/div/div[2]/div[14]/a，就针对于这一串来讲，拿到的这个元素的完整路径，叫做绝对路径，其中每个‘/’就是一个节点，

下面我们通过这个结构图我们可以简单了解一下。

为了更清楚地了解各个节点之间的关系，通过下面的图片我们可以更直观的了解。

html是父节点相对于下面的节点是父节点，下面的body和head相对于html是是子节点，div标签相对于html标签是子孙节点。

其中body又相当于div标签的子节点，div标签之间是兄弟节点，基本的结构以及等级就是这样。

CSS Selector

1.什么是CSS Selector

Css Selector定位实际就是HTML的Css选择器的标签定位。

顾名思义CSS selector就是一种按照样式进行选择的一种标签选择方式。

2.CSS Selector路径表达式

在css selector路径中，最开始的路径是body，不像是XPath中最开始的是html，我们拿到刚才的那个路径看一下。

body > div.body-wrapper > div.content-wrapper > div > div.main-content > div:nth-child(15) > a

在这个路径中，在第一个div后面加了一个.body-wrapper，这个就是这个标签的样式，这种选择方式是按照样式进行选择的。

如果说XPath的路径是按照：谁，在哪，第几个的选择方式

那么CSS Selector是按照：谁，在哪，第几个，长什么样子进行选择

python_142">三、使用python代码爬取网页信息

通过刚才我们队网页中各种元素的路径认识之后，我们就可以简单的使用python的BeautifulSoup库进行代码级别实现网页信息爬取，废话不多说，直接上代码。

这里是爬去信息的网页就使用之前我进行联系的网页，网页源码的地址在:

打开本地网页的方式建议使用pycharm中新建一个html文件将源代码复制进去，如果使用自带的记事本需要把保存格式改为utf-8。

'''
遇到问题没人解答？小编创建了一个Python学习交流QQ群：926207505
寻找有志同道合的小伙伴，互帮互助,群里还有不错的视频学习教程和PDF电子书！
'''
import requests
from bs4 import Beautifulsoup as bs
#1.使用Beautifulsoup解析网页
with open('./ddw.html','r',encoding='utf-8') as wb data:
#我使用的是本地文件所以使用open函数打开本地路径下面的网页
Soup = bs(wb data,"1xml 这里构造的是解析文件，w data是我们要解析的网页，1xm1是解析库
# images = Soupselect( body ) diy:nth-child(2) > div.body > div.body moth > div:nth-child(6) > div:nth-child(1) > img
#这里使用Soup的方法，直接在select后面括号里添加相应的路径就可以。在这里就拿到图片的信息
#但是这行代码会有出错信息，我们只需按照出错信息中的处理方式进行修改即可
images = Soup.select(
'body > div:nth-of-type(2) > div.body > div.body moth > div > div:nth-of-type(1) > img
#通过上面那一行代码我们拿到了正确的图片信息,不过们把其倒数二个div的标签的CSs样式删除，这样就不再定位到单个图片，
#就直接把所有同类型的图片筛选出来，为什么要删倒数第
个div的css样式，因为这个div标签的兄弟标签是其他图片标签的父标签
titles = Soup.select('body ) div:nth-of-type(2) > divhead top ) div.head top ee ) ul > li > a'
#再童到这网页中的标题信息,同样的为了皇到所有的同类标题标签，根据位置信息删除1i标签的C55样式
# print(images,titles,sep=' r-.
I1131
for image,title in zip(images,titles):
data = !
"image': image.get( 'src')
'title': title.get text().
print(data)