> [!NOTE] > 本文档由 WeHub 基于上游 README 翻译整理，属于社区翻译，非官方中文文档。 > [English](./README.en.md) · [原始项目](https://github.com/ThariqS/html-effectiveness) · [上游 README](https://github.com/ThariqS/html-effectiveness/blob/HEAD/README.md) > 原作者、版权与许可证归属以原始项目及本仓库 LICENSE 文件为准。 # HTML 的非同寻常效用 — 示例 > **示例代码。未维护，且不接受贡献。** 一组独立的 HTML 示例，配合关于将 HTML 用作灵活输出格式的博客文章。每个文件都是自包含的 `.html` 页面（无需构建步骤、无依赖），展示不同的用例 —— 从代码评审和设计系统，到幻灯片、状态报告和小型交互式编辑器。 打开 [`index.html`](index.html) 查看完整分类索引，或直接在浏览器中打开任意编号文件。 ## 目录 | 类别 | 示例 | |---|---| | 探索 | 代码方法、视觉设计 | | 代码 | 评审、理解、设计系统、组件变体 | | 原型设计 | 动画、交互 | | 沟通 | 幻灯片、状态报告、事故报告、PR 说明 | | 图表与研究 | 流程图、功能/概念说明 | | 自定义编辑界面 | 分诊看板、功能开关（feature flags）、提示词调优器 | ## 运行方式 无需安装或构建。克隆仓库并在浏览器中打开 `index.html`（或任意单个文件）。 ## 关于示例数据 这些示例中的所有产品名称、数据和场景均为虚构，仅用于演示。占位品牌「Acme」及所示的任何数据均非真实。 ## 安全 有关如何报告漏洞，请参阅 [SECURITY.md](SECURITY.md)。 ## 许可证 根据 [Apache License 2.0](LICENSE) 发布。