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 存放【数据库操作】文件

    原文作者:narutozoro111
    原文地址: https://blog.csdn.net/narutozoro111/article/details/102706635
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞