HTML <aside> 标签 的详细用法

HTML <aside> 标签功能

  • <aside> 标签定义 <article> 标签外的内容。
  • <aside> 的内容应该与附近的内容相关。

HTML <aside> 标签用法

<p>专门建立的学习Q-q-u-n ⑦③①-⑦⑦①-②①①</p>
<aside>
  <h4>专门建立的学习Q-q-u-n ⑦③①-⑦⑦①-②①①</h4>
  <p>专门建立的学习Q-q-u-n ⑦③①-⑦⑦①-②①①</p>
</aside>

HTML <aside> 标签演示

专门建立的学习Q-q-u-n ⑦③①-⑦⑦①-②①①


浏览器支持

IE 9+、Firefox、Opera、Chrome 和 Safari 都支持 <aside> 标签。

注释: IE 8 或更早版本的 IE 浏览器不支持 <aside> 标签。


HTML4 与 HTML5 之间的差异

<aside> 标签是 HTM

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以使用BeautifulSoup库来解析HTML代码,并使用find_all方法选取所有的a标签,再从中提取href属性值。 例如,假设HTML代码如下: ```html <ul data-target="area"> <li data-id="0" data-type="bizcircle" class="filter__item--level3 filter__item--aside strong"> <a href="/zufang/yizhuangkaifaqu/rt200600000001/">不限</a> </li> <li class="filter__item--title">d</li> <li data-id="611100395" data-type="bizcircle" class="filter__item--level3 "> <a href="/zufang/daxingqita11/rt200600000001/">大兴其它</a> </li> <li class="filter__item--title">m</li> <li data-id="18335778" data-type="bizcircle" class="filter__item--level3 "> <a href="/zufang/majuqiao1/rt200600000001/">马驹桥</a> </li> <li class="filter__item--title">t</li> <li data-id="611100405" data-type="bizcircle" class="filter__item--level3 "> <a href="/zufang/tongzhouqita11/rt200600000001/">通州其它</a> </li> <li class="filter__item--title">y</li> <li data-id="18335750" data-type="bizcircle" class="filter__item--level3 "> <a href="/zufang/yizhuang1/rt200600000001/">亦庄</a> </li> <li data-id="611100595" data-type="bizcircle" class="filter__item--level3 "> <a href="/zufang/yizhuangkaifaquqita1/rt200600000001/">亦庄开发区其它</a> </li> </ul> ``` 要获取所有a标签的href属性值,可以使用以下代码: ```python from bs4 import BeautifulSoup html = ''' <ul data-target="area"> <li data-id="0" data-type="bizcircle" class="filter__item--level3 filter__item--aside strong"> <a href="/zufang/yizhuangkaifaqu/rt200600000001/">不限</a> </li> <li class="filter__item--title">d</li> <li data-id="611100395" data-type="bizcircle" class="filter__item--level3 "> <a href="/zufang/daxingqita11/rt200600000001/">大兴其它</a> </li> <li class="filter__item--title">m</li> <li data-id="18335778" data-type="bizcircle" class="filter__item--level3 "> <a href="/zufang/majuqiao1/rt200600000001/">马驹桥</a> </li> <li class="filter__item--title">t</li> <li data-id="611100405" data-type="bizcircle" class="filter__item--level3 "> <a href="/zufang/tongzhouqita11/rt200600000001/">通州其它</a> </li> <li class="filter__item--title">y</li> <li data-id="18335750" data-type="bizcircle" class="filter__item--level3 "> <a href="/zufang/yizhuang1/rt200600000001/">亦庄</a> </li> <li data-id="611100595" data-type="bizcircle" class="filter__item--level3 "> <a href="/zufang/yizhuangkaifaquqita1/rt200600000001/">亦庄开发区其它</a> </li> </ul> ''' soup = BeautifulSoup(html, 'html.parser') as_ = soup.find_all('a') for a in as_: href = a['href'] print(href) ``` 输出结果为: ``` /zufang/yizhuangkaifaqu/rt200600000001/ /zufang/daxingqita11/rt200600000001/ /zufang/majuqiao1/rt200600000001/ /zufang/tongzhouqita11/rt200600000001/ /zufang/yizhuang1/rt200600000001/ /zufang/yizhuangkaifaquqita1/rt200600000001/ ``` 其中,find_all方法用来选取所有匹配的元素,参数为标签名称字符串。在这里,我们选取所有的a标签,并遍历每个a标签。然后,从每个a标签中提取href属性值,并将所有的href属性值打印出来。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值