网页的一些命名规划

很多人在做网页时，命名是千奇百怪，要修改时，自己都找不到哪里改了，这样对以后的维护增加了很大的麻烦，网页里有一个规范的命名，维护起来很轻松，下面是一些常用的命名:

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

依照此原则类推，尾部分用来表示图片的具体含义。