快速发布收录 免费推广展示
早上好, 游客 <游客> [ 马上登录 | 注册帐号 ]
首页 交互设计 正文

信息列表规则

时间:2024-02-04 13:58 作者: 18网站目录 阅读:1650 次

列表采集(示例)

<div class="content">
    <div class="box">
        <a href="https://www.wdphp.com/1.html">这是链接一</a>
        <span>这是文字一</span>
    </div>
    <div class="box">
        <a href="https://www.wdphp.com/2.html">这是链接二</a>
        <span>这是文字二</span>
    </div>
    <div class="box">
        <a href="https://www.wdphp.com/1.html">这是链接三</a>
        <span>这是文字三</span>
    </div>
</div>

切片选择器:.box

是不是很简单?

采集属性

属性 说明
text HTML标签中的文本内容
html HTML标签中的HTML内容
href A链接中的链接地址
alt HTML标签中的alt属性
src HTML的img标签标签中的图片地址
value HTML的input标签中的value属性

以上为常用属性介绍示例,选择器属性与jQuery选择器的使用方式类似。只要是html标签中中出现的属性都是支持的,比如idclasstitlestyletype等等。

采集选择器

选择器示例 说明
html标签 采集html标签下面内容,如li、p、div等,也可以用id或class指定,ID为a: #a,class为a: .a
li a 采集li标签下面所有的A标签
li a:first 匹配第一个选定元素,示例li a:first匹配li标签下第一个A标签
:last 匹配最后选定的元素
:even 匹配偶数元素
:odd 匹配奇数元素
:eq(index) 通过索引匹配单个元素,示例li a:eq(1)匹配li标签下第2个A标签(索引以0作为第一个开始)
:header 匹配所有作为标头的元素,如h1、h2、h3等。
meta[name=description] 抓取页面描述,属性填写content

选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。选择器允许您对 HTML 元素组或单个元素进行操作。通过html标签属性对需要采集的内容部分进行定位获取。

常用采集

说明 选择器 属性
页面标题 title text
页面描述 meta[name=description] content
页面关键字 meta[name=keywords] content
文章内容 文章内容外部容器ID或class,# 代表ID .代表class,如#content 或 .content html

管理员

  • 0文章
  • 0网站
共收录0个网站,0个公众号,0个小程序,0个资讯文章,0个微信文章
首页 关于我们 联系我们 收录标准 广告合作 免责声明 友情链接 TAGS标签
点击收藏小提示:按键盘CTRL+D也能收藏哦!
网站声明:本站所有资料取之于互联网,任何公司或个人参考使用本资料请自辨真伪、后果自负,不承担任何责任。在此特别感谢您对分类目录网的支持与厚爱!
版权所有©(2013-2024)18DIR.COM All Rights Reserved. 18网站目录sitemapsitemap  ICP备案/许可证号:黑ICP备2022001963号-4