1 HTML 基础规范 #
mindmap
id1[HTML 基础规范]
id1-1[文档结构规范]
id1-2[DOCTYPE 声明]
id1-3[HTML 语言属性设置]
id1-4[字符编码声明]
id1-5[Viewport 元标签]
id1-6[文档标题规范]
id1-7[语义化文档结构]
id1-8[元素嵌套规则]
id1-9[块级元素与行内元素嵌套规则]
id1-10[表单元素嵌套规范]
id1-11[列表元素正确使用]
id1-12[表格结构完整性]
id1-13[链接元素使用规范]
文档结构规范
DOCTYPE 声明
HTML 语言属性设置
字符编码声明
Viewport 元标签
文档标题规范
语义化文档结构
元素嵌套规则
块级元素与行内元素嵌套规则
表单元素嵌套规范
列表元素正确使用
表格结构完整性
链接元素使用规范
2 代码格式规范 #
缩进与换行
统一缩进标准 2空格/4空格
元素换行规则
长属性值换行处理
注释格式规范
代码块分隔规范
命名规范
ID 和 Class 命名规则
语义化命名原则
BEM 命名方法论
文件命名规范
目录结构命名
mindmap
id2[代码格式规范]
id2-1[缩进与换行]
id2-2[统一缩进标准 2空格/4空格]
id2-3[元素换行规则]
id2-4[长属性值换行处理]
id2-5[注释格式规范]
id2-6[代码块分隔规范]
id2-7[命名规范]
id2-8[ID 和 Class 命名规则]
id2-9[语义化命名原则]
id2-10[BEM 命名方法论]
id2-11[文件命名规范]
id2-12[目录结构命名]
3 语义化 HTML #
mindmap
id3[语义化 HTML]
id3-1[语义化标签使用]
id3-2[结构标签 header, nav, main, footer]
id3-3[内容标签 article, section, aside]
id3-4[文本级语义标签]
id3-5[表单语义化标签]
id3-6[多媒体语义化标签]
id3-7[可访问性规范]
id3-8[ARIA 属性使用]
id3-9[无障碍阅读顺序]
id3-10[键盘导航支持]
id3-11[屏幕阅读器兼容]
id3-12[颜色对比度要求]
语义化标签使用
结构标签 header, nav, main, footer
内容标签 article, section, aside
文本级语义标签
表单语义化标签
多媒体语义化标签
可访问性规范
ARIA 属性使用
无障碍阅读顺序
键盘导航支持
屏幕阅读器兼容
颜色对比度要求
4 属性使用规范 #
核心属性规范
id 和 class 属性使用
style 属性限制
data-* 自定义属性
title 和 alt 属性
lang 和 dir 属性
表单属性规范
input 类型选择
label 关联规范
placeholder 使用指南
required 和 disabled
表单验证属性
mindmap
id4[属性使用规范]
id4-1[核心属性规范]
id4-2[id 和 class 属性使用]
id4-3[style 属性限制]
id4-4[data-* 自定义属性]
id4-5[title 和 alt 属性]
id4-6[lang 和 dir 属性]
id4-7[表单属性规范]
id4-8[input 类型选择]
id4-9[label 关联规范]
id4-10[placeholder 使用指南]
id4-11[required 和 disabled]
id4-12[表单验证属性]
5 性能优化规范 #
mindmap
id5[性能优化规范]
id5-1[加载性能]
id5-2[脚本加载优化]
id5-3[样式表加载策略]
id5-4[图片优化规范]
id5-5[预加载和预连接]
id5-6[资源压缩规范]
id5-7[渲染性能]
id5-8[CSS 和 JavaScript 位置]
id5-9[减少重绘和回流]
id5-10[懒加载实现规范]
id5-11[缓存策略设置]
id5-12[代码分割规范]
加载性能
脚本加载优化
样式表加载策略
图片优化规范
预加载和预连接
资源压缩规范
渲染性能
CSS 和 JavaScript 位置
减少重绘和回流
懒加载实现规范
缓存策略设置
代码分割规范
6 安全规范 #
XSS 防护
输入验证和过滤
输出编码规范
CSP 策略配置
安全头部设置
第三方资源安全
数据安全
表单安全提交
HTTPS 强制使用
敏感信息处理
Cookie 安全设置
跨域请求规范
mindmap
id6[安全规范]
id6-1[XSS 防护]
id6-2[输入验证和过滤]
id6-3[输出编码规范]
id6-4[CSP 策略配置]
id6-5[安全头部设置]
id6-6[第三方资源安全]
id6-7[数据安全]
id6-8[表单安全提交]
id6-9[HTTPS 强制使用]
id6-10[敏感信息处理]
id6-11[Cookie 安全设置]
id6-12[跨域请求规范]
7 兼容性规范 #
mindmap
id7[兼容性规范]
id7-1[浏览器兼容]
id7-2[多浏览器测试规范]
id7-3[渐进增强原则]
id7-4[优雅降级策略]
id7-5[特性检测方法]
id7-6[Polyfill 使用规范]
id7-7[设备兼容]
id7-8[响应式设计规范]
id7-9[移动端适配方案]
id7-10[触摸事件处理]
id7-11[视口适配规范]
id7-12[不同分辨率适配]
浏览器兼容
多浏览器测试规范
渐进增强原则
优雅降级策略
特性检测方法
Polyfill 使用规范
设备兼容
响应式设计规范
移动端适配方案
触摸事件处理
视口适配规范
不同分辨率适配
8 工具与验证 #
开发工具
代码编辑器配置
预处理器使用规范
构建工具集成
版本控制规范
自动化测试工具
代码验证
W3C 验证器使用
代码质量检测工具
性能测试工具
可访问性测试
SEO 优化检查
mindmap
id8[工具与验证]
id8-1[开发工具]
id8-2[代码编辑器配置]
id8-3[预处理器使用规范]
id8-4[构建工具集成]
id8-5[版本控制规范]
id8-6[自动化测试工具]
id8-7[代码验证]
id8-8[W3C 验证器使用]
id8-9[代码质量检测工具]
id8-10[性能测试工具]
id8-11[可访问性测试]
id8-12[SEO 优化检查]
9 团队协作规范 #
mindmap
id9[团队协作规范]
id9-1[代码管理]
id9-2[Git 工作流规范]
id9-3[代码审查流程]
id9-4[分支管理策略]
id9-5[提交信息规范]
id9-6[冲突解决流程]
id9-7[文档规范]
id9-8[注释编写标准]
id9-9[API 文档规范]
id9-10[变更日志维护]
id9-11[技术文档模板]
id9-12[知识库管理]