网页的命名规范

一,html的命名规范

1,文件名称命名规则

统一使用,小写的英文字母,数字和下划线和减号的组合,不得包含汉字空格和特殊符号

原则是,方便理解和方便查找

2,首页面的命名

统一使用index,例如index.html, index.css ,index.js

3,子页面的命名

可以使用纯英文命名的方式,中文直接翻译。

二.JavaScript变量声明规范

1.$_英文字母开头,以$_英文字母还有数字组成。

2.区分大小写

3.不可以使用关键字和保留字

4.命名语义化

    驼峰命名法

大驼峰GetName (在JS中一般用于命名类)

小驼峰getName(开发中常用的命名方式)

三,图片的命名规范

1,图片的名称分为两个部分,用下划线间隔开,前面的部分是表示图片的大致性质的,例如:广告,标志,菜单,按钮等等。第二部分就是,数字

2,常用的规范命名:

标志性的图片取名:logo,

广告,装饰图案等长条,取名banner

不带链接的标题取名:title

按钮等图标取名:button

四、驼峰命名法

除了第一个单词以外,后面任何一个逻辑单词的首字母都要大写,方便辨认逻辑关系。

例如:userName userPassword。

如果是还有多个逻辑关系,那么除了第一单词不用首字母大写,其他都需要大写

五,CSS的选择器命名规范

1,不能以数字开头

2,不能是div1,div2,这样的html已经规定的标签,会造成冲突。

3,常用的命名单词

常用的css命名规则

(1)页面结构

容器: container

页头:header

内容:content/container

页面主体:main

页尾:footer

导航:nav

侧栏:sidebar

栏目:column

页面外围控制整体布局宽度:wrapper

左右中:left right center

(2)导航

导航:nav

主导航:mainbav

子导航:subnav

顶导航:topnav

边导航:sidebar

左导航:leftsidebar

右导航:rightsidebar

菜单:menu

子菜单:submenu

标题: title

摘要: summary

(3)功能

标志:logo

广告:banner

登陆:login

登录条:loginbar

注册:regsiter

搜索:search

功能区:shop

标题:title

加入:joinus

状态:status

按钮:btn

滚动:scroll

标签页:tab

文章列表:list

提示信息:msg

当前的: current

小技巧:tips

图标: icon

注释:note

指南:guild

服务:service

热点:hot

新闻:news

下载:download

投票:vote

合作伙伴:partner

友情链接:link

版权:copyright

你可能感兴趣的:(网页的命名规范)