流程规范\研发规范\代码规范\前端\HTML编码规范

内容概要：本文档旨在规范HTML代码风格，确保HTML代码的一致性、易读性和可维护性。首先介绍了HTML5的DOCTYPE声明方式和字符编码设置，强调了字符编码声明的位置和无BOM的UTF-8编码的重要性。接着讲述了CSS和JavaScript的引入位置，建议CSS在head中引入，JavaScript放在页面末尾或采用异步加载，并提倡省略嵌入式资源的协议头和忽略type属性。文档还规定了title和favicon的设置方法，以及针对移动设备友好的viewport设置。此外，明确了缩进与换行的规则，要求使用2个空格作为缩进层级，每行不超过120个字符。对于命名规则，class和id必须全字母小写并以“-”分隔，id需保证页面唯一性，少用id选择器。标签方面，要求标签名和属性名均用小写字母，属性值用双引号包围，自定义属性加前缀。最后强调了语义化的HTML元素使用，为图片和多媒体提供了降级方案，如添加alt属性、区分下载需求的图片实现方式等。; 适合人群：前端开发人员，尤其是希望提升HTML代码质量的开发者。; 使用场景及目标：①帮助开发者编写符合规范的HTML代码，提高代码的可读性和可维护性；②确保页面在不同浏览器和设备上的兼容性和一致性；③优化页面加载速度和用户体验。; 其他说明：遵循这些编码规范不仅能使代码更加整洁美观，还能减少潜在的错误和技术债务，建议开发者在日常工作中严格遵守。