HTML文件命名规范大全

项目中文件名字

1：符合应用场景
2：一律使用小写英文字母，统一要求，英文，禁止中文拼音。
3：命名规则：是团队成员可以看懂自己的代码，自己也方便查找并修改

xxx.hml文件的命名

1：主页面: index.html
2: 子页面，首页: home.html 我的: mine.html
关于我们: abutus.html 信息反馈 feedback
产品：product 购物: shop 计数器：count
3:一级页面：登录：login.html login.css logo.js
注册：resign.html
用户管理：userManage.html

图片的命名规则

1：图片文件的后缀 xxx.png xxx.jpg xxx.gif xxx.bmp

图片的名称分为头尾两部分，用下划线隔开，头部分表示此图片的大类
列如：产品类 product 产品下的 电视 手机 product_tv product_iphone
大类列如：广告，标志，菜单，按钮

• 放在页面顶部的【广告】 【banner】
• 企业商标 【标志】性的图片 【logo】
• 在页面上某一个位置连续出现，性质相同的连接栏目的图片我们取名： 【menu】
• 装饰用的照片我们取名：【pic】
• 不带链接表示【标题的图片】我们取名：【title】

范 例：banner_sou.gif
banner_sina.gif
menu_aboutus.gif
menutitle_news.gif
logo_police.gif
logo_national.gif
pic_people.jpg
pic_TV.jpg
…

文件夹存放规范

• www 或者 web 存放前端代码文件

• css 存放 xxx.css 文件

• src 存放 xxx.js 文件

• views 或者 pages 存放 xxx.html 或者 xxx.vue 文件

• assetes 存放所有【资源文件】

• image 存放图片文件

• library 存放【第三方库】文件

• media 存放媒体文件

• build 存放经过【自动化构建工具】或者【自动化打包工具】处理后的文件

• serve 存放服务端代码文件

• api 存放 【接口】文件

• modules 存放【数据库操作】文件