HTML
专业修复HTML标记问题的AI技能
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：HTML。 它的用途是：专业修复HTML标记问题的AI技能 完整的 Skill 内容见：https://321skill.com/skills/html-x-6/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'请帮我审查这段HTML，修复表单提交和屏幕阅读器焦点问题：<form><input type="text" id="name"><button>提交</button></form>'，它会指出缺少label、表单未指定action、输入框未关联标签等，并给出完整修复代码。
介绍
这个技能专门解决HTML标记中的各种常见问题：当表单字段无法提交、标签点击无响应、自动填充选错框、验证在错误时机触发时，它能精准定位并修复。当屏幕阅读器读出文件名、不播报任何内容、焦点逃出模态框时，它通过语义结构优化保证可访问性。当页面因图片加载跳跃、以怪异模式渲染、出现乱码（mojibake）、表格文本溢出、单个未闭合标签导致半个文档变斜体时，它能快速诊断并修正。此外，还处理链接预览、favicon、富结果缺失，<dialog>、<details>、popover、<template>行为异常，iframe或视频嵌入空白，HTML邮件在Outlook中崩溃，以及不受信任HTML的XSS防护。
使用方式很简单：直接将你的HTML代码或描述问题现象提交给AI，它会分析代码结构、语义标签、表单绑定、无障碍属性、文档头部元数据、媒体嵌入等，并给出具体修复建议和修改后的代码。支持响应式图片、资源提示、lang/dir、Web组件及HTML验证。
适合前端开发、全栈开发和测试工程师。前端开发可快速排查标记层问题，全栈开发在涉及后端模板HTML时也能受益，测试工程师则能用它审核代码的可访问性合规性和语义正确性。
建议在遇到具体HTML异常时直接提问，给出完整上下文（如浏览器、设备、屏幕阅读器类型）。注意该技能不处理CSS样式、JavaScript交互、SEO排名策略或Markdown转换，这些需调用其他专门技能。
核心特点
不同于通用的代码审查工具，该技能聚焦HTML标记层，覆盖表单、可访问性、文档头、多媒体嵌入及XSS防护等细分场景，并针对Outlook邮件、怪异模式渲染等实际问题提供精准修复。
注意事项
不适用于CSS样式布局、JavaScript DOM脚本、SEO排名策略或Markdown格式的内容处理。
常见问题
这个技能能修复HTML邮件在Outlook中显示异常吗？
可以。它专门处理HTML邮件在Outlook中的崩溃问题，包括表格布局、条件注释、VML等兼容性修复。
能检查HTML的可访问性吗？
能。它会检查语义结构、ARIA属性、键盘焦点、屏幕阅读器支持等，确保符合WCAG标准。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/html-x-6/raw/index.md 读取 HTML 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/html-x-6/raw/index.md（查看排版版本）