ui component page module type / Search & Filter
Search & Filter
帮助用户在内容集合、工具数据或资源目录中定位目标。
Key fields
Identity
- Subtype
- 模块
What
- Definition
- 帮助用户在内容集合、工具数据或资源目录中定位目标。
Why
- Implementation Goal
- 先确认该模块解决的信息或任务问题，再控制内容密度、阅读顺序和动作优先级；所有证据、外链和社交内容都应有来源、替代路径和可访问语义。
Where
- Applicable Context
- Navigation & Orientation, Searchbox, Select, Tag, Web Interface Design, Search & Filter Bar, Filter Panel, Blog Index, Pillar Page, Docs & FAQ, Tool Page, Search & Filter
How
- Implementation Guidance
- 先确认该模块解决的信息或任务问题，再控制内容密度、阅读顺序和动作优先级；所有证据、外链和社交内容都应有来源、替代路径和可访问语义。
How much
- Metrics
- 高 · 核心
Lifecycle
- Status
- 启用
Additional content
- Legacy Tags
- 基础 · 高 · 核心 · 导航
Related content
Relationships come from the local knowledge graph and include reverse links.
- GitHub Docs Get StartedGitHub Docs 开始使用Reverse · Related
GitHub Docs 在入口页把账户、仓库和协作任务分成可选择的开始路径，帮助用户从问题直接进入教程。
- Blog IndexBlog IndexRelated
聚合文章、主题和筛选入口的内容列表页，帮助用户发现和选择下一篇内容。
- Docs & FAQDocs / FAQRelated
回答使用问题、配置问题和常见疑问的文档与问答页面。
- Pillar PagePillar PageRelated
围绕一个宽主题组织深度解释、子主题入口和相关内容链接的支柱页面模板。
- Tool PageToolRelated
让用户输入信息、等待处理并获得可操作结果的工具型页面。
- Search & FilterSearch & FilterRelated
帮助用户在大量页面、内容或结果中缩小范围并找到目标对象的区块。
- Web Interface DesignWeb 界面设计Related
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- Navigation & Orientation导航与方向感Related
通过全局导航、局部导航、面包屑和当前状态帮助用户定位。
- SearchboxSearchboxRelated
Searchbox 如何在界面中被理解、操作或组合？
- SelectSelectRelated
Select 如何在界面中被理解、操作或组合？
- TagTagRelated
Tag 如何在界面中被理解、操作或组合？
- Filter PanelFilter PanelRelated
在面板中组织复杂筛选条件、应用和清除操作
- Search & Filter BarSearch & Filter BarRelated
组合搜索、筛选、排序和清除操作的工具条