页面命名规范

为了规范命名规则，此界面奖项列出各文件，网页，模板的命名规范，请各位根据命名规范进行命名编辑操作，以免造成混乱

一、HTML 文件命名规范

采用中文命名，清晰表达页面内容或功能。 避免使用特殊字符和空格，确保浏览器的兼容性。

二、CSS 文件命名规范

基础样式文件 Common.css：存放全局的基础样式，如重置样式、字体设置、通用排版等。 组件样式文件 以组件名称命名，如 通用按钮.css（按钮组件样式），每个组件样式文件负责相应组件的外观和交互效果。 页面特定样式文件 根据页面名称命名，如 某某主页.css（某某首页特定样式）、美军特种部队.css（美军特种部队详情页特定样式），用于覆盖或补充该页面独有的样式。 所有 CSS 类名采用小驼峰命名法或短横线分隔法，语义化且简洁明了。 示例：.mainHeader 或 .main-header（页面主标题）、.productCard 或 .product-card（产品卡片）。

三、JavaScript 文件命名规范

基础脚本文件

main.js：作为入口文件，初始化和协调其他脚本功能。 功能模块脚本文件 以功能名称命名，如 轮播图.js（轮播图功能模块）、表单验证.js（表单验证功能模块），每个文件实现独立的功能逻辑。 组件交互脚本文件 与组件样式文件对应，如按钮交互.js（按钮交互脚本），处理相应组件的交互行为。 函数和变量命名采用小驼峰命名法，清晰表达其用途。 示例：initSlider()（初始化轮播图函数）、userEmail（用户邮箱变量）。

四、图片等资源文件命名规范

采用描述性的文件名，包含内容或用途相关信息，可以的话请使用中文。 例如：死亡公路地图.png，BTR-82A.png等等。

遵循以上命名规范，有助于提高团队开发效率，便于代码维护和协作，使项目结构清晰易懂。