HTML中a标签的rel属性使用 link标签的rel="search"用法

通过rel="search",把你的搜索功能放到浏览器的快捷搜索工具上

       用firefox打开taobao时,看一下地址栏边上的快捷搜索时,可以填加一个“淘宝搜索”,完成后,以后就可以直接在那里搜索东西了!

快捷搜索栏

实现方法:
在首页的head标签里加上 “<link rel="search" type="application/opensearchdescription+xml" href=provider.xml" title="关键词搜索" />”

provider.xml的写法为:
<?xml version="1.0" encoding="utf-8"?>
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
 <InputEncoding>UTF-8</InputEncoding>
 <ShortName>关键词搜索</ShortName>
 <Description>关键词搜索</Description>
 <Image height="16" width="16" type="image/vnd.microsoft.icon">images/favicon.ico</Image>
 <Url type="text/html" template="search.php?keyword={searchTerms}" />
</OpenSearchDescription>

rel属性介绍

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Bootstrap3,分页通常使用jQuery插件来实现。常用的插件有Bootstrap Paginator、Bootstrap Pager和Bootstrap Table等。 如果是在tbody标签进行分页,可以使用Bootstrap Table插件。该插件提供了丰富的表格操作功能,包括分页、排序、搜索、导出等。 使用Bootstrap Table插件的步骤如下: 1. 引入相关的CSS和JS文件 ``` <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap-table/1.12.1/bootstrap-table.min.css"> <script src="//cdn.bootcss.com/bootstrap-table/1.12.1/bootstrap-table.min.js"></script> <script src="//cdn.bootcss.com/bootstrap-table/1.12.1/locale/bootstrap-table-zh-CN.min.js"></script> ``` 2. 在HTML定义表格 ``` <table id="table"></table> ``` 3. 使用jQuery初始化表格 ``` $(function() { $('#table').bootstrapTable({ url: 'data.json', // 数据来源 pagination: true, // 是否分页 pageSize: 10, // 每页显示的记录数 pageNumber: 1, // 当前页码 search: true, // 是否显示搜索框 columns: [{ field: 'id', title: 'ID' }, { field: 'name', title: '名称' }, { field: 'price', title: '价格' }] }); }); ``` 4. 在服务器端生成分页数据 在服务器端生成的数据需要包含分页相关的信息,如总记录数、当前页码、每页记录数等。可以使用类似以下的JSON格式: ``` { "total": 100, // 总记录数 "rows": [{ // 当前页的数据 "id": 1, "name": "商品1", "price": 100 }, { "id": 2, "name": "商品2", "price": 200 }, { "id": 3, "name": "商品3", "price": 300 }] } ``` 以上就是使用Bootstrap Table插件实现tbody标签数据分页的方法。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值