Website

核心用法

Website 是一套全面的现代网站开发规范，整合了性能优化、移动端适配、无障碍访问、语义化HTML和CSS最佳实践等关键领域。该指南采用规则清单形式，为开发者提供可直接落地的检查项，覆盖从开发到上线的完整生命周期。

显著优点

• 体系化覆盖：同时解决技术（性能、结构）与人文（无障碍、用户体验）双重维度
• 可执行性强：每条规则附带具体实现方法（如font-display: swap、44x44px触摸目标），非空泛理论
• 现代技术导向：推荐WebP/AVIF、CSS Grid/Flexbox、CSS变量等当前主流方案
• SEO与运维意识：包含Open Graph、Search Console提交、uptime监控等常被忽视的运营环节

潜在缺点与局限性

• 无具体工具链：未推荐构建工具（Webpack/Vite）、框架（React/Vue）或CI/CD流程，需开发者自行整合
• 浏览器兼容性留白：如AVIF格式、CSS Grid在旧版浏览器中的fallback策略未详述
• 后端安全缺失：仅提及前端安全（rel="noopener"），无服务器端防护（XSS、CSRF、CSP等）
• 动态内容场景不足：主要针对静态/内容型网站，复杂Web应用的架构模式覆盖有限

适合人群

前端开发者、全栈工程师、独立建站者，以及需要快速建立网站质量检查清单的技术团队。特别适合追求"核心Web指标"优化和WCAG无障碍合规的项目。

常规风险

• 合规误判风险：无障碍检查依赖人工测试（Tab键、屏幕阅读器），自动化工具无法完全替代
• 过度优化陷阱：如"内联关键CSS"需权衡缓存效率，不当实施可能适得其反
• 第三方依赖失控：建议审计第三方脚本，但缺乏具体审计周期或工具推荐

核心功能

Website 是一款专注于现代网站开发最佳实践的纯文档型技能，系统性地覆盖了性能优化、移动端优先设计、无障碍访问（a11y）、HTML 语义化结构、CSS 设计模式等核心领域。

显著优点

• 权威性内容：规则基于行业公认标准，如 Lighthouse 性能审计、WebAIM 对比度规范、WCAG 无障碍指南等
• 实用性强：提供可立即落地的具体建议，如 WebP/AVIF 图片格式、44×44px 触控目标、font-display: swap 等
• 全面覆盖：从开发阶段（代码组织）到发布前检查（表单测试、404 页面、OG 标签）形成完整闭环
• 零技术风险：纯 Markdown 文档，无可执行代码、无外部依赖、无数据收集

潜在局限

• 无自动化能力：仅提供指导规则，无法直接执行代码检查或自动修复
• 需持续更新：Web 标准演进较快（如 Core Web Vitals 指标变化），文档需定期同步
• 通用性优先：针对特定框架（React、Vue 等）的优化建议较少

适合人群

前端开发者、全栈工程师、UI/UX 设计师、技术负责人及需要建立网站开发规范的技术团队，尤其适合作为代码审查（Code Review）的参考基准。

常规风险

本 Skill 本身无技术风险，但用户需注意：文档中的安全建议（如 rel="noopener"）需正确实施才能生效；性能优化建议需结合实际项目测试验证，避免教条式套用。