SuperAPI AI 工具集

html

前端与建站

查看项目

更新于 10-16 02:31

技能介绍

用途:将 Google HTML 风格指南应用到 HTML 代码,产出干净、语义化、易维护的标记。

主要能力与约定:文档结构使用 HTML5 doctype 与 UTF-8 编码,如 <!doctype html> 和 <meta charset="utf-8">;按用途使用语义元素,标题用 h1-h6,段落用 p,链接用 a,交互操作用 button,避免用 div 做可点击元素;严格分离结构、表现与行为,不使用内联 style 和 onclick 等内联事件处理器,通过外链引入最小化的 CSS 与 JavaScript。

格式规则:使用 2 空格缩进,不用制表符;元素名、属性、属性值(文本/CDATA 除外)一律小写;属性值使用双引号;移除行尾空白;块级、列表、表格元素各占新行;长行可换行以提升可读性。

其他规则:嵌入资源统一使用 HTTPS;图片提供有意义的 alt,纯装饰图片用 alt="",音视频提供文字稿或字幕;除 <、& 及不可见字符外不使用实体引用,直接使用 UTF-8;可省略可选标签以减小体积;CSS 与 JS 的 type 属性可省略;尽量减少 id 使用,样式优先用 class,脚本优先用 data-*,必须使用 id 时包含连字符;用注释说明复杂部分,待办以 TODO: 标记。

适用场景:编写或审查 HTML 页面、组件模板与静态站点标记时统一风格。

限制:资料未提供安装命令、运行方式、平台支持、收费与效果数据;具体校验可参考 W3C HTML 验证器与 Google HTML/CSS 风格指南。