很多人在做网页时,命名是千奇百怪,要修改时,自己都找不到哪里改了,这样对以后的维护增加了很大的麻烦,网页里有一个规范的命名,维护起来很轻松,下面是一些常用的命名:
1.页面结构
容器:#container
布局:#layout
头部:#head、#header
尾部:#foot、#footer
侧栏:#sidebar
左边栏:#sidebarLeft
右边栏:#sidebarRight
页面主体:#main
栏目:#column
包装/外套:#wrapper、wrap
内容:#content
2.导航
导航:#nav
主导航:#mainNav
顶导航:#topNav
左导航:leftNav
右导航:rightNav
下导航:bottomNav
二级导航:#subNav
菜单:#menu
二级菜单:#subMenu
下拉:.drop
下拉菜单:.dropMen
3.功能
标签:.tab、.tag
提示信息:.msg、.message
小技巧:.tips
注释:.note
热点:.hot
摘要:.summary
帮助:.help
投票:.vote
指南:.guild
商标:.branding
标签:.label
工具条:.tool、.toolBar
标题:.title
LOGO:.logo
搜索:.search
搜索条:.searchBar
搜索框:.searchBox
搜索输入框:.search_input
搜索输出框:.search_output
搜索结果:.search_results
注册:.register
登录:.login
登录条:.loginBar
登录框:.loginBox
友情链接:.friendLink、.link
广告/标语:.banner
版权信息:.copyright
加入我们:.joinUs
合作伙伴:.partner
服务:.service
网站地图:.siteMap、.map
缩略图:.screenShot
产品:products
产品价格:products_prices
产品描述:products_description
产品评论:products_review
最新产品:new_products
生产商:suppliers、publisher
编辑:editor
编辑评论:editor_review
博客:blog
论坛:forum
新闻:news
下载:download
网站信息:.siteinfo
法律声明:.legal
信誉:.credits
列表:.list
4.其他
左中右:left、center、right
上中下:top、middle、bottom
按钮:btn
面包屑:breadcrumb(即页面所处位置导航提示)
滚动:scroll
当前:current
图标:icon
箭头:arrow
首页:homePage、home
二级页面:subPage
状态:status
常见问题:faqs、questions
关键词:keyword
CSS文件名称
顶部:top.css
底部:bottom.css
共享 share.css
基本共用 base.css
布局,版面 layout.css
主要的 master.css
模块 module.css
主题 themes.css
专栏 columns.css
文字 font.css
表单 forms.css
补丁 mend.css
打印 print.css
页面图片等的遵循以下几条规范
页面图片用gif和jpg,在不失真前提下,越小越好。
名称分为头尾两部分,用下划线隔开。头部分表示此图片的大类性质,例如广告、标志、菜单、按钮等等。
一般来说:
放置在页面顶部的广告、装饰图案等长方形的图片我们取名:banner/icon
标志性的图片我们取名为:logo
在页面上位置不固定并且带有链接的小图片我们取名为button
在页面上某一个位置连续出现,性质相同的链接栏目的图片我们取名:menu
装饰用的照片我们取名:pic
不带链接表示标题的图片我们取名:title
依照此原则类推,尾部分用来表示图片的具体含义。