网站头部: head/header(头部) top（顶部）导航： nanv 导航具体区分：topnav(顶部导航)、mainnav(主导航)、mininav(迷你导航)、textnav(导航文本)、subnav(子导航/二级导航)
旗帜、广告和商标：logo（旗帜）、brand(商标)、banner(标语)搜索：sreach(搜索)、sreachbox(搜索框)、sreachbtn(搜索按钮)、sreachinput（搜索输入框）注册和登录：login(登录)、regsiter(注册)、userbox(用户名/通行证的文本框)、password(密码)布局、分栏和框： layout(布局)、bigdiv(大div)、leftdiv(左分栏)、rightdiv(右分栏)、leftfloat(左浮动)、rightfloat(右浮动)、mainbox()、subpage(子页面/二级页面)页脚/底部：foot/footer(页脚/底部)、copyright(版权信息)、sitemap(网站地图)其他：content(内容)、skin(皮肤)、title(标题)、from(表单)、pic(图片)、news(新闻)、shop(购物区)、list(列表/清单)、newslist(新闻列表)、downloadlist(下载列表)、piclist(图片列表)、dropmenv(下拉菜单)、cor/corner(圆角)、homepage(首页)、crumb(当前位置导航)实际上上面的id命名我会经常用大小写和_来区分，比如主导航就是MainNav,如果还有必要在区分就是MainNav_1,MainNav_2等等。也可以使用"类型+变量名称"的规则来命名，比如写一个红色字体的class,可以.f_red {}(f是font 字体的缩写)。总之原则是：大小写、_、缩写，大大增强代码的可读性。另外我还经常使用"in"的写法做子divd的命名，写法in+父div,这样可以避免前面命名过了后面div不知道怎么去命名。比如intop、inbox、infrom、inlogin等等。html页面的CSS、DIV命名规则CSS命名规则 头：header 内容：content/containe 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：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 合作伙伴：partnerXHTML文件中id的命名(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 版权：copyrightCSS+DIV的命名规则： 登录条:loginBar 标志:logo 侧栏:sideBar 广告:banner 导航:nav 子导航:subNav 菜单:menu 子菜单:subMenu 搜索:search 滚动:scroll 页面主体:main 内容:content 标签页:tab 文章列表:list 提示信息:msg 小技巧:tips 栏目标题:title 友情链接:friendLink 页脚:footer 加入:joinus 指南:guild 服务:service 热点:hot 新闻:news 下载:download 注册:regsiter 状态:status 按钮:btn 投票:vote 合作伙伴:partner 版权:copyRight 1.CSSID的命名 外套:wrap 主导航:mainNav 子导航:subnav 页脚:footer 整个页面:content 页眉:header 页脚:footer 商标:label 标题:title 主导航:mainNav(globalNav) 顶导航:topnav 边导航:sidebar 左导航:leftsideBar 右导航:rightsideBar 旗志:logo 标语:banner 菜单内容1:menu1Content 菜单容量:menuContainer 子菜单:submenu 边导航图标:sidebarIcon 注释:note 面包屑:breadCrumb(即页面所处位置导航提示) 容器:container 内容:content 搜索:search 登陆:login 功能区:shop(如购物车，收银台) 当前的current 2.样式文件命名 主要的:master.css 布局版面:layout.css 专栏:columns.css 文字:font.css 打印样式:print.css 主题:themes.css说明：均为class，需要扩展，则在当前命名内以“_“(下划线)后缀自定名称。我习惯称列表页为list，新闻列表则为newslist，图片列表为piclist，内容页为view，整体大框架：#wrapper大框架内：#inwrapper/顶部及banner：.top顶部及banner内：.intopLogo：.logoBanner：.banner导航：.menu导航内：.inmenu .Menuul .Menuul li .Menuul li a下拉菜单：.inmenu_xiala .Inmenu_xialaul .Inmenu_xialaul li .Inmenu_xialaul li a///主体内容：.mainWrapper主体内容内：.inmainwrapper左侧拦：.sideleft左侧内：.insideleft右侧栏：.sideright右侧内：.insideright中间：.sidecenter中间内：.insidecenter/底部：.foot底部内：.infoot搜索：.search搜索内：.insearch搜索条：.searchselect搜索按钮：.serachbuttom输入文本框：.input.select表格整体框架：.listbox表格的宽度：.listbox-table表格头部文字样式：.listbox-header表格正文文字样式：.listbox-entry通用：.GM通用内：.INGM通用左浮动：.GMfl(GM FLOAT LEFT)通用右浮动：.GMfr(GM FLOAT RIGHT)通用图片样式：.img清除所有浮动：.clear清除左侧浮动：.clearleft清除右侧浮动：.clearright文字：.font新闻列表：.fontnewsVIEW页字体：.fontview商 标： label标 题： title主导航： mainbav（globalnav）顶导航： topnav边导航： sidebar左导航： leftsidebar右导航： rightsidebar旗 志： logo标 语： banner菜单内容1： menu1 content菜单容量： menu container子菜单： submenu边导航图标：sidebarIcon注释： note面包屑： breadcrumb(即页面所处位置导航提示）容器： container内容： content搜索： search登陆： Login功能区： shop(如购物车，收银台)当前的 current报头： masthead 摘要, 概要 summary或general左边的浮动照图片 photoleft 右边的浮动图片 photoright标题 title条目底端 entrybottom更多 extended或.more 容器背景 containerbg服务 service服务链接 servicelink线 line文本 text右边 rightside版权 copyright新闻 news书皮 wrapper介绍 intro-part1专栏 column路径 pathways片断 section模块 module上导航 subnav2.另外在编辑样式表时可用的注释可这样写：<-- Footer -->内容区<-- End Footer -->3.样式文件命名主要的 master.css布局，版面 layout.css专栏 columns.css文字 font.css打印样式 print.css主题 themes.css4.样式表中的注示实例一