在前端开发当中，网站的网页要怎么命名

1、首页固定命名为index.html或default.html

.html为后缀，代码前后台整合后，可以更换为其他后缀。

要求首页固定命名的原因在于：浏览器在访问到一个域名时，首先查看的时当当前目录下有没有名称为index或default的文件，如果有则自动读取，如果没有，则给出的时当前目录下的文件夹结构菜单。

2、其他网页命名不要使用中文或汉语拼音

网页命名使用小写英文隐橡吵字母，不需要使用大写，对于网页命名来说，通常要求具有语如槐义性，从而便于解读。比如：根据具体的页面内容，转换为英文来命名。

3、可通过前缀区分不同类别的网页

对于列表页类型的网页名称，可以在前面添加list前缀；对于内容页类型的网页名称，可以在前面添加arc前缀。List和arc分别表示列表和文章。通过这种方式让自己的网页名称更加清晰。

4、遵循公司标准

除了上述的基本要求之外，很多成型的互联网公司，都还有自己一些“附加”的命名规则，可按照公灶侍司的标准进行网页的命名。

今天小编要跟大家分享的文章是关于Web前端工程师要知道的JavaScript变量命名规范，正在从事Web前端工作的小伙伴们来和小编一起看一看吧，希望本篇文章能够对大家有所帮助。

JavaScript变量命名规范：只能由英语字母、数字、下划线、美元符号$构成，且不能以数字开头，并且不能是JavaScript保留字。

下列都是非常正确的变量命名：

varhaha=250

varxixi=300

vara1=400

vara2=400

varabc_123=400

var$abc=999

var$o0_0o$=888

var$=1000

var_=2000

var________=3000

下列都是错误的命名：

vara-1=1000//不能有怪异符号

vara@=2000//不能有怪异符号

var2year=3000//不能以数字开头

vara￥=4000//不能有怪异符号

vara*#$#$@=5000//不能有怪异符号银蠢核

varab=300//不能有空格

下列的单词，叫做保留字，就是说不允许当做变量名

abstract、boolean、byte、char、class、const、debugger、double、enum、export、extends、final、float、goto

implements、import、int、interface、long、native、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile

需要注意大写字母是可以使用的，并且大小写敏感。也就是说A和a是两个变量。档迅

1varA=250

2vara=888

以上就是小编今天为大家分享的关于Web前端工程师要知道的JavaScript变量命名规范的文章，希望本篇文章能够对正在从事Web前端工作的小伙伴们有所帮助。想要了解更多Web前端知识记得关注北大青鸟Web培训官网。最后祝锋掘愿小伙伴们工作顺利!

一、导航类

导航：nav 主导航：mainbav 子导航：subnav 顶导航：topnav

边导航：sidebar 左导航：leftsidebar 右导航：rightsidebar 菜单：menu

子菜单：submenu 标题：title 摘要：summary

二、页面结构

容器：container 页头：header 内容：content/container 页面主体：main

页尾：footer 导航：nav 侧栏：sidebar 栏目：column

页面外围控制整体布局宽度：wrapper 左右中：left right center

三、功能

标志：logo 滚动：scroll 广告：banner 标签页：tab

登录：login 文章列表：list 登录条：loginbar 提示信息：msg

注册：regsiter 当前的：current 搜哗正索：search 小技巧：tips

功能区：shop 图标：icon 标题：title 注释：note

加入：joinus 指南：guild 状态：status 服务：service

按钮：btn 热点：hot 合作伙伴：partner 新闻：news

友情链接：friendlink 下载：download 版权：copyright 投此芦毁票：vote

四、p英文释译

标题 title 字体 font 身体 body 大小 size

列表 list 文本 text 样式 style 对齐 align

图像 image 修饰 decoration 资源 source 线 line

宽度 width 穿过 through 高度 height 缩进 indent

行 line 斜体 italic 链接 link 加粗 bold

斜体 italic 加重 weight 加粗 bold 宽 width

输入 input 高 height 下面的 under 背景 background

顶部 top 主体 main

五、css英文释译

重复 repeat 填充 padding 位置 position 正常 normal

显示类型 display 父级 parent 显示可见 visibility 子级 children

隐藏 hidden 顶部导航topnav显示 visible 溢出 overflow

列表 list 样式 style 边框 border 导航 nav

广告图片 banner 行高line-height边界 margin 页眉 header

六、样式文件命名

主要的master.css 模块module.css 基本共用base.css 布局，版面layout.css

主题themes.css 专栏columns.css 文字font.css 表单forms.css

补丁mend.css 打印print.css

七、颜色释译

绿 green 红 red 蓝 blue 黑 black

灰 gray 黄 yellowa 紫 purple 白 white

棕 brown 卡其色 khaki

六、命名参考

登录条loginBar 标志：logo 侧边栏：sideBar 广告：banner

导航：nav 子导航：navBar 菜单：menu 子菜单：subMenu

搜索：search 滚动：scroll 页面主体：main 内容：content

标签页：tab 文章列表：list 提示信息：msg 小技巧：tips

栏目标题：title 加入：joins 指南：guild 服务：service

热点：hot 新闻：news 按钮：btn 投票：vote

状态：status 合作伙伴：partner 外套：wrap 商标：label

顶导航：topnav 左导森备航：leftSideBar 右导航：rightSideBar菜单内容：menuContent

菜单容器：menuContainer注释：note 边导航图标：sidebarIcon版权：copyright

友情链接：friendLink容器：container 页脚：footer 当前：current

激活：active 购物车：shop 登录：login 注册：regsiter

下载：download 面包屑：breadCrumb

---