性是HTML元素提供的附國信息
HTML元素可以設置屬性
屬性可以在元素中添加附加信息
屬性一般描述于開始標簽
屬性總是以名稱/值對應的形式出現,例如:name="value"
例,鏈接地址是href的屬性
<a >鏈接地址是href的屬性</a>
HTML屬性常用引用屬性值
屬性值應該始終被包含在引號內
雙引號是常用的,單引號也沒有問題,
如果屬性值本身就包含了雙引號,即么則必須引用單引號,例:name='John"ShotGun"Nelson'
HTML提示:使用小寫屬性
屬性和屬性值對大小寫不敏感。
HTML屬性參考
calss 為HMTL元素定義一個或多個名
id 定義元素的唯一id
style 規定元素的行內樣式
title 描述元素的額外信息
HTML標題
HTML注釋
類似于對代碼進行備注,默認有兩種試
1、<!-- 這是一個小的注釋 -->
常用于一小段注釋
2、//注釋 有時候不起作用,不知道為啥,知道的回復下啦
HTML提示,如何查看源代碼
如果你想看,在網頁中,單擊右鍵,然后選擇查看“源文件”或者醒看頁面源代碼即可;
過基本的 Python 工具獲得爬取完整 HTML 網站的實踐經驗。
? 來源:linux.cn ? 作者:Julia Piaskowski ? 譯者:Hacker ?
(本文字數:11235,閱讀時長大約:14 分鐘)
有很多很棒的書可以幫助你學習 Python ,但是誰真正讀了這那些大部頭呢?(劇透:反正不是我)。
許多人覺得教學書籍很有用,但我通常不會從頭到尾地閱讀一本書來學習。我是通過做一個項目,努力的弄清楚一些內容,然后再讀另一本書來學習。因此,暫時丟掉書,讓我們一起學習 Python。
接下來是我的第一個 Python 爬取項目的指南。它對 Python 和 HTML 的假定知識要求很低。這篇文章旨在說明如何使用 Python 的 requests 庫訪問網頁內容,并使用 BeatifulSoup4 庫以及 JSON 和 pandas 庫解析網頁內容。我將簡要介紹 Selenium 庫,但我不會深入研究如何使用該庫——這個主題值得有自己的教程。最終,我希望向你展示一些技巧和小竅門,以減少網頁爬取過程中遇到的問題。
我的 GitHub 存儲庫 中提供了本指南的所有資源。如果需要安裝 Python3 的幫助,請查看 Linux 、 Windows 和 Mac 的教程。
$ python3 -m venv
$ source venv/bin/activate
$ pip install requests bs4 pandas
如果你喜歡使用 JupyterLab ,則可以使用 notebook 運行所有代碼。 安裝 JupyterLab 有很多方法,這是其中一種:
# from the same virtual environment as above, run:
$ pip install jupyterlab
現在我們已經安裝了依賴項,但是爬取網頁需要做什么?
讓我們退一步,確保使目標清晰。下面是成功完成網頁爬取項目需求列表:
關于 HTML 的備注:HTML 是運行在互聯網上的“猛獸”,但我們最需要了解的是標簽的工作方式。標簽是一對由尖括號包圍關鍵詞(一般成對出現,其內容在兩個標簽中間)。比如,這是一個假裝的標簽,稱為 pro-tip:
<pro-tip> All you need to know about html is how tags work </pro-tip>
我們可以通過調用標簽 pro-tip 來訪問其中的信息(All you need to know…)。本教程將進一步介紹如何查找和訪問標簽。要進一步了解 HTML 基礎知識,請查看 本文 。
有些數據利用網站爬取采集比利用其他方法更合適。以下是我認為合適項目的準則:
沒有可用于數據(處理)的公共 API。通過 API 抓取結構化數據會容易得多,(所以沒有 API )有助于澄清收集數據的合法性和道德性。而有相當數量的結構化數據,并有規律的、可重復的格式,才能證明這種努力的合理性。網頁爬取可能會很痛苦。BeautifulSoup(bs4)使操作更容易,但無法避免網站的個別特殊性,需要進行定制。數據的相同格式化不是必須的,但這確實使事情變得更容易。存在的 “邊際案例”(偏離規范)越多,爬取就越復雜。
免責聲明:我沒有參加過法律培訓;以下內容無意作為正式的法律建議。
關于合法性,訪問大量有價值信息可能令人興奮,但僅僅因為它是可能的,并不意味著應該這樣做。
值得慶幸的是,有一些公共信息可以指導我們的道德規范和網頁爬取工具。大多數網站都有與該網站關聯的 robots.txt 文件,指出允許哪些爬取活動,哪些不被允許。它主要用于與搜索引擎(網頁抓取工具的終極形態)進行交互。然而,網站上的許多信息都被視為公共信息。因此,有人將 robots.txt 文件視為一組建議,而不是具有法律約束力的文檔。 robots.txt 文件并不涉及數據的道德收集和使用等主題。
在開始爬取項目之前,問自己以下問題:
當我爬取一個網站時,請確保可以對所有這些問題回答 “否”。
要深入了解這些法律問題,請參閱 2018 年出版的 Krotov 和 Silva 撰寫的 《Web 爬取的合法性和道德性》 和 Sellars 的 《二十年 Web 爬取和計算機欺詐與濫用法案》 。
經過上述評估,我想出了一個項目。我的目標是爬取愛達荷州所有 Family Dollar 商店的地址。 這些商店在農村地區規模很大,因此我想了解有多少家這樣的商店。
起點是 Family Dollar 的位置頁面
愛達荷州 Family Dollar 所在地頁面
首先,讓我們在 Python 虛擬環境中加載先決條件。此處的代碼將被添加到一個 Python 文件(如果你想要個名稱,則為 scraper.py)或在 JupyterLab 的單元格中運行。
import requests # for making standard html requests
from bs4 import BeautifulSoup # magical tool for parsing html data
import json # for parsing data
from pandas import DataFrame as df # premier library for data organization
接下來,我們從目標 URL 中請求數據。
page=requests.get("https://locations.familydollar.com/id/")
soup=BeautifulSoup(page.text, 'html.parser')
BeautifulSoup 將 HTML 或 XML 內容轉換為復雜樹對象。這是我們將使用的幾種常見對象類型。
當我們查看 requests.get() 輸出時,還有更多要考慮的問題。我僅使用 page.text() 將請求的頁面轉換為可讀的內容,但是還有其他輸出類型:
我只在使用拉丁字母的純英語網站上操作。 requests 中的默認編碼設置可以很好地解決這一問題。然而,除了純英語網站之外,就是更大的互聯網世界。為了確保 requests 正確解析內容,你可以設置文本的編碼:
page=requests.get(URL)
page.encoding='ISO-885901'
soup=BeautifulSoup(page.text, 'html.parser')
仔細研究 BeautifulSoup 標簽,我們看到:
警告:此過程可能令人沮喪。
網站爬取過程中的提取可能是一個令人生畏的充滿了誤區的過程。我認為解決此問題的最佳方法是從一個有代表性的示例開始然后進行擴展(此原理對于任何編程任務都是適用的)。查看頁面的 HTML 源代碼至關重要。有很多方法可以做到這一點。
你可以在終端中使用 Python 查看頁面的整個源代碼(不建議使用)。運行此代碼需要你自擔風險:
print(soup.prettify())
雖然打印出頁面的整個源代碼可能適用于某些教程中顯示的玩具示例,但大多數現代網站的頁面上都有大量內容。甚至 404 頁面也可能充滿了頁眉、頁腳等代碼。
通常,在你喜歡的瀏覽器中通過 “查看頁面源代碼” 來瀏覽源代碼是最容易的(單擊右鍵,然后選擇 “查看頁面源代碼” )。這是找到目標內容的最可靠方法(稍后我將解釋原因)。
Family Dollar 頁面源代碼
在這種情況下,我需要在這個巨大的 HTML 海洋中找到我的目標內容 —— 地址、城市、州和郵政編碼。通常,對頁面源(ctrl+F)的簡單搜索就會得到目標位置所在的位置。一旦我實際看到目標內容的示例(至少一個商店的地址),便會找到將該內容與其他內容區分開的屬性或標簽。
首先,我需要在愛達荷州 Family Dollar 商店中收集不同城市的網址,并訪問這些網站以獲取地址信息。這些網址似乎都包含在 href 標記中。太棒了!我將嘗試使用 find_all 命令進行搜索:
dollar_tree_list=soup.find_all('href')
dollar_tree_list
搜索 href 不會產生任何結果,該死。這可能是因為 href 嵌套在 itemlist 類中而失敗。對于下一次嘗試,請搜索 item_list。由于 class 是 Python 中的保留字,因此使用 class_ 來作為替代。soup.find_all() 原來是 bs4 函數的瑞士軍刀。
dollar_tree_list=soup.find_all(class_='itemlist')
for i in dollar_tree_list[:2]:
print(i)
有趣的是,我發現搜索一個特定類的方法一般是一種成功的方法。通過找出對象的類型和長度,我們可以了解更多有關對象的信息。
type(dollar_tree_list)
len(dollar_tree_list)
可以使用 .contents 從 BeautifulSoup “結果集” 中提取內容。這也是創建單個代表性示例的好時機。
example=dollar_tree_list[2] # a representative example
example_content=example.contents
print(example_content)
使用 .attr 查找該對象內容中存在的屬性。注意:.contents 通常會返回一個項目的精確的列表,因此第一步是使用方括號符號為該項目建立索引。
example_content=example.contents[0]
example_content.attrs
現在,我可以看到 href 是一個屬性,可以像字典項一樣提取它:
example_href=example_content['href']
print(example_href)
所有的這些探索為我們提供了前進的路徑。這是厘清上面邏輯的一個清理版本。
city_hrefs=[] # initialise empty list
for i in dollar_tree_list:
cont=i.contents[0]
href=cont['href']
city_hrefs.append(href)
# check to be sure all went well
for i in city_hrefs[:2]:
print(i)
輸出的內容是一個關于抓取愛達荷州 Family Dollar 商店 URL 的列表。
也就是說,我仍然沒有獲得地址信息!現在,需要抓取每個城市的 URL 以獲得此信息。因此,我們使用一個具有代表性的示例重新開始該過程。
page2=requests.get(city_hrefs[2]) # again establish a representative example
soup2=BeautifulSoup(page2.text, 'html.parser')
Family Dollar 地圖和代碼
地址信息嵌套在 type="application/ld+json" 里。經過大量的地理位置抓取之后,我開始認識到這是用于存儲地址信息的一般結構。幸運的是,soup.find_all() 開啟了利用 type 搜索。
arco=soup2.find_all(type="application/ld+json")
print(arco[1])
地址信息在第二個列表成員中!原來如此!
使用 .contents 提取(從第二個列表項中)內容(這是過濾后的合適的默認操作)。同樣,由于輸出的內容是一個列表,因此我為該列表項建立了索引:
arco_contents=arco[1].contents[0]
arco_contents
喔,看起來不錯。此處提供的格式與 JSON 格式一致(而且,該類型的名稱中確實包含 “json”)。 JSON 對象的行為就像是帶有嵌套字典的字典。一旦你熟悉利用其去工作,它實際上是一種不錯的格式(當然,它比一長串正則表達式命令更容易編程)。盡管從結構上看起來像一個 JSON 對象,但它仍然是 bs4 對象,需要通過編程方式轉換為 JSON 對象才能對其進行訪問:
arco_json= json.loads(arco_contents)
type(arco_json)
print(arco_json)
在該內容中,有一個被調用的 address 鍵,該鍵要求地址信息在一個比較小的嵌套字典里。可以這樣檢索:
arco_address=arco_json['address']
arco_address
好吧,請大家注意。現在我可以遍歷存儲愛達荷州 URL 的列表:
locs_dict=[] # initialise empty list
for link in city_hrefs:
locpage=requests.get(link) # request page info
locsoup=BeautifulSoup(locpage.text, 'html.parser')
# parse the page's content
locinfo=locsoup.find_all(type="application/ld+json")
# extract specific element
loccont=locinfo[1].contents[0]
# get contents from the bs4 element set
locjson=json.loads(loccont) # convert to json
locaddr=locjson['address'] # get address
locs_dict.append(locaddr) # add address to list
我們在字典中裝載了大量數據,但是還有一些額外的無用項,它們會使重用數據變得比需要的更為復雜。要執行最終的數據組織,我們需要將其轉換為 Pandas 數據框架,刪除不需要的列 @type 和 country,并檢查前五行以確保一切正常。
locs_df=df.from_records(locs_dict)
locs_df.drop(['@type', 'addressCountry'], axis=1, inplace=True)
locs_df.head(n=5)
確保保存結果!!
df.to_csv(locs_df, "family_dollar_ID_locations.csv", sep=",", index=False)
我們做到了!所有愛達荷州 Family Dollar 商店都有一個用逗號分隔的列表。多令人興奮。
Selenium 是用于與網頁自動交互的常用工具。為了解釋為什么有時必須使用它,讓我們來看一個使用 Walgreens 網站的示例。 “檢查元素” 提供了瀏覽器顯示內容的代碼:
雖然 “查看頁面源代碼” 提供了有關 requests 將獲得什么內容的代碼:
如果這兩個不一致,是有一些插件可以修改源代碼 —— 因此,應在將頁面加載到瀏覽器后對其進行訪問。requests 不能做到這一點,但是 Selenium 可以做到。
Selenium 需要 Web 驅動程序來檢索內容。實際上,它會打開 Web 瀏覽器,并收集此頁面的內容。Selenium 功能強大 —— 它可以通過多種方式與加載的內容進行交互(請閱讀文檔)。使用 Selenium 獲取數據后,繼續像以前一樣使用 BeautifulSoup:
url="https://www.walgreens.com/storelistings/storesbycity.jsp?requestType=locator&state=ID"
driver=webdriver.Firefox(executable_path='mypath/geckodriver.exe')
driver.get(url)
soup_ID=BeautifulSoup(driver.page_source, 'html.parser')
store_link_soup=soup_ID.find_all(class_='col-xl-4 col-lg-4 col-md-4')
對于 Family Dollar 這種情形,我不需要 Selenium,但是當呈現的內容與源代碼不同時,我確實會保留使用 Selenium。
總之,使用網站抓取來完成有意義的任務時:
如果你對答案感到好奇:
Family Dollar 位置圖
美國有很多 Family Dollar 商店。
完整的源代碼是:
import requests
from bs4 import BeautifulSoup
import json
from pandas import DataFrame as df
page=requests.get("https://www.familydollar.com/locations/")
soup=BeautifulSoup(page.text, 'html.parser')
# find all state links
state_list=soup.find_all(class_='itemlist')
state_links=[]
for i in state_list:
cont=i.contents[0]
attr=cont.attrs
hrefs=attr['href']
state_links.append(hrefs)
# find all city links
city_links=[]
for link in state_links:
page=requests.get(link)
soup=BeautifulSoup(page.text, 'html.parser')
familydollar_list=soup.find_all(class_='itemlist')
for store in familydollar_list:
cont=store.contents[0]
attr=cont.attrs
city_hrefs=attr['href']
city_links.append(city_hrefs)
# to get individual store links
store_links=[]
for link in city_links:
locpage=requests.get(link)
locsoup=BeautifulSoup(locpage.text, 'html.parser')
locinfo=locsoup.find_all(type="application/ld+json")
for i in locinfo:
loccont=i.contents[0]
locjson=json.loads(loccont)
try:
store_url=locjson['url']
store_links.append(store_url)
except:
pass
# get address and geolocation information
stores=[]
for store in store_links:
storepage=requests.get(store)
storesoup=BeautifulSoup(storepage.text, 'html.parser')
storeinfo=storesoup.find_all(type="application/ld+json")
for i in storeinfo:
storecont=i.contents[0]
storejson=json.loads(storecont)
try:
store_addr=storejson['address']
store_addr.update(storejson['geo'])
stores.append(store_addr)
except:
pass
# final data parsing
stores_df=df.from_records(stores)
stores_df.drop(['@type', 'addressCountry'], axis=1, inplace=True)
stores_df['Store']="Family Dollar"
df.to_csv(stores_df, "family_dollar_locations.csv", sep=",", index=False)
作者注釋:本文改編自 2020 年 2 月 9 日在俄勒岡州波特蘭的 我在 PyCascades 的演講 。
via: opensource.com
作者: Julia Piaskowski 選題: lujun9972 譯者: stevenzdg988 校對: wxy
本文由 LCTT 原創編譯, Linux中國 榮譽推出
lt;!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>使用表格寫課程表代碼</title>
</head>
<body>
<table
border="1"
width="90%"
cellspacing="0"
cellpadding="5"
align="center"
>
<!-- caption標簽是用于為表格提供簡短的標題,如標題或簡短描述。
caption標簽是插在開始標記之后,應該始終是表的第一個子項。
然后我們就可以使用caption-side屬性更改其在表中的位置。 -->
<!-- caption-side屬性值說明: -->
<!-- top:可以將標題定位在表格上方。 -->
<!-- bottom:可以將標題定位在表格下方。 -->
<!-- inherit :從父級的標題位置繼承標題位置。 -->
<caption>
<h3>二年級6班課程表</h3>
</caption>
<!-- 表頭 -->
<thead>
<tr bgcolor="lightcyan">
<!-- th:是添加了居中和加粗樣式的td,是th的加版版 -->
<th>時 間</th>
<th>課 時</th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
<th>星期四</th>
<th>星期五</th>
<th>星期六</th>
<th>星期日</th>
</tr>
</thead>
<!-- 表主體上半部份 -->
<tbody align="center">
<tr>
<th rowspan="4">上午</th>
<th>第一節</th>
<td>星期一</td>
<td>星期二</td>
<td>星期三</td>
<td>星期四</td>
<td>星期五</td>
<td>星期六</td>
<td>星期日</td>
</tr>
<tr>
<!-- <th>時 間</th> -->
<th>第二節</th>
<td>星期一</td>
<td>星期二</td>
<td>星期三</td>
<td>星期四</td>
<td>星期五</td>
<td>星期六</td>
<td>星期日</td>
</tr>
<tr>
<!-- <th>時 間</th> -->
<th>第三節</th>
<td rowspan="2">大課</td>
<td>星期二</td>
<td>星期三</td>
<td>星期四</td>
<td>星期五</td>
<td rowspan="2">大課</td>
<td>星期日</td>
</tr>
<tr>
<!-- <th>時 間</th> -->
<th>第四節</th>
<td>星期一</td>
<!-- <td>星期二</td> -->
<td>星期三</td>
<td>星期四</td>
<td>星期五</td>
<!-- <td>星期六</td> -->
<td>星期日</td>
</tr>
</tbody>
<!-- 表主體 中半部份-->
<tbody align="center">
<tr>
<!-- <th>時 間</th> -->
<th colspan="9">中午午休時間</th>
<!-- <td>星期一</td>
<td>星期二</td>
<td>星期三</td>
<td>星期四</td>
<td>星期五</td>
<td>星期六</td>
<td>星期日</td> -->
</tr>
</tbody>
<!-- 表主體 下面部份-->
<tbody align="center">
<tr>
<th rowspan="3">下午</th>
<th>第一節</th>
<td>星期一</td>
<td>星期二</td>
<td>星期三</td>
<td>星期四</td>
<td>星期五</td>
<td>星期六</td>
<td rowspan="3">放假</td>
</tr>
<tr>
<!-- <th>時 間</th> -->
<th>第二節</th>
<td>星期一</td>
<td>星期二</td>
<td>星期三</td>
<td>星期四</td>
<td>星期五</td>
<td>星期六</td>
<!-- <td>星期日</td> -->
</tr>
<tr>
<!-- <th>時 間</th> -->
<th>第三節</th>
<td>星期一</td>
<td>星期二</td>
<td>星期三</td>
<td>星期四</td>
<td>星期五</td>
<td>星期六</td>
<!-- <td>星期日</td> -->
</tr>
</tbody>
<!-- 表尾 下面部份-->
<tfoot>
<tr>
<th colspan="2">備注</th>
<!-- <th>時 間</th> -->
<th colspan="7">注意打掃衛生</th>
<!-- <td>星期二</td> -->
<!-- <td>星期三</td> -->
<!-- <td>星期四</td> -->
<!-- <td>星期五</td> -->
<!-- <td>星期六</td> -->
<!-- <td>星期日</td> -->
</tr>
</tfoot>
</table>
</body>
</html>
*請認真填寫需求信息,我們會在24小時內與您取得聯系。