用途:在编写网页 HTML 标记、创建文档结构、构建表单、添加 head 元数据时使用。不适用于 React JSX(见 react 技能)与无障碍细节(见 a11y 技能)。
主要能力与关键模式:
- 语义元素:使用 header、nav、main、article、section、aside、footer,避免用 div 堆叠结构。
- 标题层级:h1 至 h6 顺序递进,不跳级;页面建议只有一个 h1。
- 交互元素区分:操作用 button,导航用 a;不要用 a href="#" 配合 onclick 执行动作。button 默认是 submit,非提交需指定 type="button"。
- 必要 meta 标签:DOCTYPE、html lang、charset、viewport、description(150-160 字符)、title,以及 Open Graph 与 Twitter Card 标签。
- 表单与图片:所有输入用 label 通过 for/id 关联,选择合适 type;列表用 ul/ol/dl;数据用 table 配合 thead、tbody、th scope;图片需描述性 alt,装饰性图片用空 alt=""。
- 校验清单:语义元素、顺序标题、按钮与链接正确、lang 属性、必要 meta、社交分享 meta、图片 alt、表单标签、合法嵌套(仅一个 main)、通过规范校验。
使用方式:该技能为编写 HTML 时的规则与示例集合,按上述模式书写标记即可;文中给出正确与错误对比示例及决策树。
限制:不覆盖 React JSX 与无障碍实现细节;关于安装命令、具体版本、平台或收费方式,资料中暂未提供。