Page Title

--- slug: html-coder name: html-coder version: "2.0.1" displayName: HTML Coder summary: "专家级HTML开发,构建网页/表单/交互内容(社区下载版)" content. Use when cr... license: MIT-0 description: |- Expert HTML development skill for building web pages, forms, and interactive content。Use when cr。Use when 需要代码生成、编程辅助、调试测试、开发部署时使用。不适用于无明确技术栈的模糊需求。适用于独立开发者、企业团队和自动化工作流场景。 tags: - Creative tools: - - read - exec pricing_tier: "L4" pricing_model: "monthly" suggested_price: 99.9 --- # HTML Coder Expert skill for professional HTML development with focus on semantic markup, accessibility, HTML5 features, and standards-compliant web content. ## When to Use This Skill * Creating HTML documents with semantic structure * Building accessible forms with HTML5 validation * Implementing responsive markup and multimedia * Using HTML5 APIs (Canvas, SVG, Storage, Geolocation) * Troubleshooting validation or accessibility issues ## Core Capabilities * **Semantic HTML**: Document structure, content sections, accessibility-first markup * **Forms**: All input types, validation attributes, fieldsets, labels * **Media**: Responsive images, audio/video, Canvas, SVG * **HTML5 APIs**: Web Storage, Geolocation, Drag & Drop, Web Workers * **Accessibility**: ARIA, screen reader support, WCAG compliance ## Essential References Core documentation for HTML experts: * [`references/add-css-style.md`](/api/v1/skills/html-coder/file?path=references%2Fadd-css-style.md&ownerHandle=jhauga) - Add CSS via `link` tag, inline, or embedded in html * [`references/add-javascript.md`](/api/v1/skills/html-coder/file?path=references%2Fadd-javascript.md&ownerHandle=jhauga) - Add JavaScript via `script src="link.js"` tag, inline `script`, or embedded in html * [`references/attributes.md`](/api/v1/skills/html-coder/file?path=references%2Fattributes.md&ownerHandle=jhauga) - HTML attribute essentials * [`references/essentials.md`](/api/v1/skills/html-coder/file?path=references%2Fessentials.md&ownerHandle=jhauga) - Semantic markup, validation, responsive techniques * [`references/global-attributes.md`](/api/v1/skills/html-coder/file?path=references%2Fglobal-attributes.md&ownerHandle=jhauga) - Complete global attribute information * [`references/glossary.md`](/api/v1/skills/html-coder/file?path=references%2Fglossary.md&ownerHandle=jhauga) - Complete HTML element and attribute reference * [`references/standards.md`](/api/v1/skills/html-coder/file?path=references%2Fstandards.md&ownerHandle=jhauga) - HTML5 specifications and standards ## Best Practices **Semantic HTML** - Use elements that convey meaning: `

`, `