使用HTML中的<details>和<summary>元素可以创建可折叠的筛选器。下面是一个简单的示例：
<details>
<summary>筛选器</summary>
<ul>
<li>关键词1</li>
<li>关键词2</li>
<li>关键词3</li>
</ul>
</details>在上面的示例中，<summary>元素包含一个标题，当用户点击标题时，下面的列表将展开或折叠。您可以使用CSS样式来更改标题和列表的外观。
关键词高亮可以通过使用HTML的<mark>标签来实现，如下所示：
<details>
<summary>筛选器</summary>
<ul>
<li><mark>关键词1</mark></li>
<li><mark>关键词2</mark></li>
<li><mark>关键词3</mark></li>
</ul>
</details>这将使所有关键词以高亮颜色显示。如果您想使用不同的颜色，可以使用CSS样式来更改<mark>标签的颜色。