命名规范(一)

本文不介绍具体的命名规范,而是一些名字的命名,拿以借鉴

头部:header     内容:content/container   尾部:footer      导航:nav        侧栏:sidebar

栏目:column     整体布局:wrapper      
左右中:left / right / center             登录条:loginbar
标志:logo             广告:banner       页面主体:main       
热点:hot              新闻:news

下载:download         子导航:subnav     菜单:menu       
子菜单:submenu        搜索:search

友情链接:friendlink   页脚:footer       版权:copyright    
滚动:scroll           标签页:tab

文章列表:list         提示信息:msg      小技巧:tips    
栏目标题:title        加入:join

指南:guild            服务:service      注册:regsiter   
状态:status           投票:vote         合作伙伴:partner

id的命名规范


1、页面结构

容器: container     页头:header    内容:content/container    页面主体:main      页尾footer 
导航:nav           侧栏:sidebar   栏目:column          
页面外围控制整体布局宽度:wrapper
左右中:left right center

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

class的命名:

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

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

补丁 mend.css;      打印print.css
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值