用途
该技能面向 HTML 开发,用于编写整洁、语义化、无障碍且符合现代 Web 标准与最佳实践的 HTML。根据说明,它适用于以下情形:创建 HTML 页面或文档、撰写语义化标记等。
主要能力
该技能围绕四个核心原则展开:语义优先,即按元素本来的含义而非外观来使用元素;默认无障碍,即让每位用户都获得良好体验;渐进增强,即先从可用的 HTML 开始,再叠加 CSS/JS;性能优先,即针对速度与效率进行优化。
其文档覆盖的主要主题包括:文档结构,含最小可用 HTML5 文档与必要元标签;语义化元素,含分区元素的使用时机与标题层级;无障碍最佳实践,含 ARIA 标签与角色、焦点管理、替代文本、ARIA 实时区域;表单,含无障碍表单结构、HTML5 输入类型与提升体验的输入属性;表格,含无障碍数据表格;列表,含无序、有序、描述及嵌套列表;性能优化,含图片优化、资源加载策略与 HTML 体积优化。
使用方式
该技能强调,在编写或编辑任何 HTML 代码之前,务必使用 Context7 MCP 服务器检查相关上下文。Context7 可提供项目特定的 HTML 模式与约定、自定义组件库与模板、风格指南要求、项目的无障碍标准、性能基准与要求、团队偏好与编码标准等内容。其工作流为:写代码前查询相关模式、约定或示例;编辑过程中检查可能影响改动的项目特定要求;写完后核对代码是否符合 Context7 给出的指引。可检索的主题包括“HTML 约定”“无障碍要求”“组件模板”“表单模式”“性能标准”以及具体的组件或模式名称。说明中称,切勿跳过 Context7 检查。
适用场景
适用于需要按项目规范产出语义化、无障碍、高性能 HTML 的场景,包括页面与文档创建、语义标记撰写、表单与数据表格构建、图片与资源加载优化等。
限制
资料中未提供关于收费、价格、平台支持范围、效果保证或具体安装步骤的信息,相关内容暂未提供。