常用命名

HTML文件常用命名

公用页

文件名	说明
end	结束标签
footer	底部
head	引入文件
indexBanner	首页banner
location	当前位置
page	页码/数据加载页码
subBanner	内页banner
top	头部导航
subTop	内页头部导航
copyRight	版权信息
globalPop	全局弹窗
phoneShow	电话弹窗
photoShow	图片弹窗
viewShow	详情弹窗
searchShow	搜索弹窗
share	分享
menu	导航菜单
left	左侧

subMenu	二级栏目/二级菜单
sjMenu	三级栏目
navigation.jsp	三级导航
footerBlank.jsp	版权信息
viewFooter.jsp	详情页底部
menu.jsp	导航菜单
homePage.jsp	首页频道页公共页面
subPage.jsp	内页公共页面
fullPage.jsp	滚屏公共页面

首页

文件名	说明
index	首页
djIndex	党建首页

频道页

文件名	说明
aboutUs	关于我们
contactUs	联系我们
intro	集团简介
culture	企业文化
leader	企业领导
organization	组织架构
development	发展历程
event	大事记
joinUs	加入我们

团队

文件名	说明
team	团队频道页
teamList	团队列表
teamView	团队详情

招聘

文件名	说明
recruit	招聘频道页
recruitList	招聘列表
recruitForm	招聘表单
recruitView	招聘详情

留言

文件名	说明
message	留言频道页
messageList	留言列表
messageForm	留言表单
messageView	留言详情

图文

文件名	说明
imgText	图文列表

全文

文件名	说明
textList	全文列表

全图

文件名	说明
imgList	全图列表

荣誉

文件名	说明
honor	荣誉
honorList	荣誉列表

视频

文件名	说明
video	视频
videoList	视频列表

下载

文件名	说明
下载	downLoad
downLoadList	下载列表

音频

文件名	说明
audio	音频
audioList	音频列表

详情

文件名	说明
singleArticle	单篇
newsView	详情页

专家

文件名	说明
expert	专家频道页
expertList.jsp	专家列表
expertView.jsp	专家详情

业务

文件名	说明
business	业务频道页
businesstList.jsp	业务列表
businessView.jsp	业务详情

产品

文件名	说明
product	产品频道页
productList.jsp	产品列表
productView.jsp	产品详情

报名

文件名	说明
makeForm.jsp	预约报名
onlineForm.jsp	在线报名
makeVisit.jsp	预约参观

期刊

文件名	说明
periodicals.jsp	期刊
periodicalsList	期刊列表

领域

文件名	说明
fields.jsp	领域

服务

文件名	说明
service.jsp	服务

其他

文件名	说明
login	登陆
register	注册

CSS文件常用命名

文件名	说明
reset.css	重置样式，整站初始化样式
base.css	基本共用样式，做项目时需要在这个文件中写上姓名和时间。
fonts.css	字体
iconfont.css	字体图标
main.css	网站首页、频道页样式
common.css	公共部分及列表、详情样式，各种列表表单页样式
media.css	网站响应样式
keyframes.css	动画样式
layout.css	布局、版面样式，公用类型较多时使用，一般用在首页级页面和产品类页面中
themes.css	主题
columns.css	专栏
forms.css	表单
mend.css	补丁
print.css	打印
index.css	一般用于首页建立样式
head.css	头部样式，当多个页面头部设计风格相同时使用。
style.css	独立页面所使用的样式文件。
global.css	页面样式基础，全局公用样式，页面中必须包含。
module.css	模块，用于产品类页，也可与其它样式配合使用。
master.css	主要的样式表

common.css

@charset "UTF-8";
/* ========== 头部 start ========== */
/* ========== 头部 end ========== */
/* ========== 底部 start ========== */
/* ========== 底部 end ========== */
/* ========== 内页banner start ========== */
/* ========== 内页banner end ========== */
/* ========== 当前位置 start ========== */
/* ========== 当前位置 end ========== */
/* ========== 页码 start ========== */
/* ========== 页码 end ========== */
/* ========== 文章详情+单篇 start ========== */
/* ========== 文章详情+单篇 end ========== */
/* ========== 全图列表 start ========== */
/* ========== 全图列表 end ========== */
/* ========== 全文列表 start ========== */
/* ========== 全文列表 end ========== */
/* ========== 图文列表 start ========== */
/* ========== 图文列表 end ========== */
/* ========== 荣誉列表 start ========== */
/* ========== 荣誉列表 end ========== */
/* ========== 视频列表 start ========== */
/* ========== 视频列表 end ========== */
/* ========== 音频列表 start ========== */
/* ========== 音频列表 end ========== */

main.css

@charset "UTF-8";
/* ========== 首页 start ========== */
/* ========== 首页 end ========== */
/* ========== 频道页 start ========== */
/* ========== 频道页 end ========== */

media.css

@charset "UTF-8";
@media (max-width: 1680px) {
   .wrap{width: 1440px;}
}
@media (max-width: 1440px) {
  .wrap{width: 1200px;}
}

JS文件常用命名

文件名	说明
common.js	公共方法
article.js	文章页
main.js	页面方法调用
page.js	分页

菜单

菜单：menu
子菜单：subMenu

布局

头：head|header
尾：foot|footer
栏目：column
内容区宽度：wrapper/ wrap
页面主体：main
左右中：left|right|center

内容

标题: title
摘要: summary
内容：content/container
标志：logo    // 标记网站logo标志
广告：banner    // 标语、广告条、顶部广告条
热点：hot
新闻：news
下载：download
登陆：login
登录条：loginbar
注册：register
搜索：search
搜索条：searchbar
搜索输入框：searchlnput
友情链接：friendlink/link/links
版权：copyright
滚动：scroll
标签页：tab
标签：tags
文章列表：list
提示信息：msg|message
小技巧：tips
加入：joinus
指南：guide
服务：service
状态：status
投票：vote
合作伙伴：partner
功能区：shop
当前的: current
图标: icon
注释：note
页码：page
下拉：drop
下拉菜单：dorpMenu
工具条：tool|toolbar
网站信息：siteinfo
信誉：siteinfoCredits
法律信息：siteinfoLegal
首页：homepage
二级页面子页面：subpage
网站地图：sitemap
按钮：btn
标记箭头：arr|arrow
页面所处位置导航提示：breadcrumb
图片：pic
时间：time
论坛：bbs