web前端命名规范
一个好的前端项目代码离不开好的命名规范，试想一下叫你接手一个项目，你看到之前开发的代码的命名一团糟，那是多么痛苦的事啊。或你自己把一个项目命名的一团糟，等过段时间让你重构该项目的时候，估计肠子都要悔青吧！前端web开发命名规范（1）主体头：header
内容：content/container
尾：footer
导航：nav
侧栏：sidebar栏目：column
页面外围控制整体布局宽度：wrapper
左右中：leftrightcenter登录条：loginbar
标志：logo
广告：banner
页面主体：main
热门：hot：news
下载：download
子导航：subnav
菜单：menu子菜单：submenu
搜索：search
友情链接：friendlink
页脚：footer版权：copyright
转动：scroll
内容：content
标签页：tab文章列表：list
提示信息：msg
小技能：tips
栏目标题：title加入：joinus
指南：guild
服务：service
注册：regsiter状态：status
投票：vote
合作伙伴：partner(2)css注释的写法:
内容区
Html注释的写法：!--header头部--(3)id的命名:(1)页面结构
容器:container
页头：header
内容：content/container
页面主体：main
页尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
左右中：leftrightcenter(2)导航
导航：nav
主导航：mainnav
子导航：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(4)class的命名:(1)色彩:使用色彩的名称或16进制代码,如
.red{color:red;}
.f60{color:#f60;}
.ff{color:#ff;}(2)字体大小,直接使用’font+字体大小’作为名称,如
.font12px{font-size:12px;}
.font9pt{font-size:9pt;}(3)对齐样式,使用对齐目标的英文名称,如
.left{float:left;}
.bottom{float:bottom;}(4)标题栏样式,使用’种别+功能’的方式命名,如 .barnews{}
.barproduct{}注意事项::
1.一概小写;
2.尽可能用英文;
3.不加中杠和下划线;
4.尽可能不缩写，除非一看就明白的单词.
主要的s
模块s
基本共用s
布局，版面s
主题s
专栏s
文字s
表单s
补钉s
打印s
海南白癜风医院北京什么医院看白癜风比较好