如何从html数据列表中创建多个数据框？

from bs4 import BeautifulSoup
import pandas as pd

# 假设HTML数据列表如下
html_data = '''
<ul>
  <li><span class="name">John</span><span class="age">25</span></li>
  <li><span class="name">Jane</span><span class="age">30</span></li>
  <li><span class="name">Tom</span><span class="age">35</span></li>
</ul>
'''

# 解析HTML数据列表
soup = BeautifulSoup(html_data, 'html.parser')
data_list = soup.find_all('li')

# 创建空的数据框
df = pd.DataFrame()

# 遍历解析后的数据列表
for item in data_list:
    # 提取数据
    name = item.find('span', class_='name').text
    age = item.find('span', class_='age').text
    
    # 添加数据到数据框
    df = df.append({'Name': name, 'Age': age}, ignore_index=True)

# 打印数据框
print(df)

   Name Age
0  John  25
1  Jane  30
2   Tom  35