用途：这是一个专注于专业 HTML 开发的技能，适合创建语义化结构的 HTML 文档、构建带 HTML5 验证的无障碍表单、实现响应式标记与多媒体，以及使用 Canvas、SVG、Storage、Geolocation 等 HTML5 API，也用于排查验证或无障碍问题。
主要能力：语义化 HTML（用 article、nav、header、section、footer 表达结构）、表单（各类输入类型、验证属性、fieldset、label）、媒体（响应式图片、音视频、Canvas、SVG）、HTML5 API（Web Storage、Geolocation、拖放、Web Worker）、无障碍（ARIA、屏幕阅读器支持、WCAG 合规）。
使用方式与交付约定：当工作区具备文件写入工具、需要交付可运行的网页时，应创建文件系统安全的专用项目子目录，如 webpage-<topic-slug>/，不要直接放在工作区根目录；将 index.html、本地 CSS/JavaScript 和所有本地资源放在该目录内，使用浏览器相对引用；验证完成后调用 open_workspace_preview，传入入口文件与完整专用根目录，例如 path 为 webpage-<topic-slug>/index.html、bundle 为 directory、bundle_root 为 webpage-<topic-slug>；不要打包整个工作区。若调用方明确要求仅输出源码、禁止工具调用或提供自有确定性写入器，则遵循其约定；若无法写入文件或无法调用 open_workspace_preview，只返回所请求的指导或源码，不要声称已打开可运行项目。
最佳实践：优先使用传达含义的元素而非 div 堆砌；保持正确的标题层级、alt 文本、label 与输入关联、键盘导航和必要的 ARIA；优先使用 required、pattern、type="email" 等内建验证；用 picture、srcset 和 loading="lazy" 实现响应式图片；减少 DOM 深度、优化图片、延迟非关键脚本。
限制与参考：资料未提供收费、价格、平台或效果信息。可用参考包括 references/add-css-style.md、add-javascript.md、attributes.md、essentials.md、global-attributes.md、glossary.md、standards.md，以及 WHATWG HTML Living Standard、WCAG、MDN 等标准文档。