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

最新推荐文章于 2024-08-08 13:22:08 发布

jyb123

最新推荐文章于 2024-08-08 13:22:08 发布

阅读量6.3k

点赞数

文章标签： search html encoding firefox image 浏览器

本文介绍了一种方法，即如何使用rel=search属性将自定义搜索引擎添加到浏览器的快捷搜索栏中，使得用户能更快捷地进行搜索操作。具体实现是在网站的头部加入特定的XML链接，该链接指向一个描述搜索引擎的文件，文中还提供了这个XML文件的具体写法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通过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>