html站点文件命名规范,HTML文件命名规范大全

项目中文件名字

1：符合应用场景

2：一概使用小写英文字母，统一要求，英文，禁止中文拼音。

3：命名规则：是团队成员能够看懂本身的代码，本身也方便查找并修改css

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.htmlhtml

图片的命名规则

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

图片的名称分为头尾两部分，用下划线隔开，头部分表示此图片的大类

列如：产品类 product 产品下的 电视 手机 product_tv product_iphone

大类列如：广告，标志，菜单，按钮vue

放在页面顶部的【广告】 【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

…web

文件夹存放规范

www 或者 web 存放前端代码文件数据库

css 存放 xxx.css 文件api

src 存放 xxx.js 文件iphone

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

assetes 存放全部【资源文件】工具

image 存放图片文件

library 存放【第三方库】文件

media 存放媒体文件

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

serve 存放服务端代码文件

api 存放 【接口】文件

modules 存放【数据库操做】文件