Dreaweaver中命名规则整理及常用技巧.doc

主要命名介绍 1.Container“container“ 就是将页面中的所有元素包在一起的部分，这部分还可以命名为: “wrapper“, “wrap“, “page“.2.Header“header” 是网站页面的头部区域，一般来讲，它包含网站的logo和一些其他元素。这部分还可以命名为:“header” (或 pageHeader).3.Navbar“navbar“等同于横向的导航栏，是最典型的网页元素。这部分还可以命名为:“nav”, “navigation”, “nav-wrapper”.4.Menu“Menu”区域包含一般的链接和菜单，这部分还可以命名为: “subNav “, “links“，“sidebar-main”.5. Main“Main”是网站的主要区域，如果是博客的话它将包含的日志。这部分还可以命名为: “content“, “main-content” (或“mainContent”)。6.Sidebar“Sidebar” 部分可以包含网站的次要内容，比如最近更新内容列表、关于网站的介绍或广告元素等…这部分还可以命名为: “subNav “, “side-panel“, “secondary-content“.7.Footer“Footer”包含网站的一些附加信息，这部分还可以命名为: “copyright“. ID命名(1)页面结构容器: container?????????? 页头：header?????????????????? 内容：content????????????页面主体：main?????????? 页尾：footer???????????????????? 导航：nav??????????????????侧栏：sidebar???????????? 栏目：column?????????????? 左右中：left right center页面外围控制整体布局宽度：wrapper????(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版权：copyright 网站公用相关?Container div #container 容器?Header or banner div #header 页头部分?Main or global navigation div #main-nav 主导航?Menu #menu 菜单?Sub Menu #submenu 子菜单?Left or right side columns #sidebar-a, #sidebar-b 左边栏或右边栏?Main div #main 页面主体?Content div #content 内容部分?The main content area #content-main 主要内容区域?Footer div #footer 页脚部分?Tag #tag 标签?Message #msg #message 提示信息?Tips #tips 小技巧?Vote #vote 投票?Friend Link #friendlink 友情连接?Title #title 标题?Summary #summary 摘要?Sub-navigation list #sub-nav 二级导航?Search input #search-input 有哪些信誉好的足球投注网站输入框?Search output #search-output 有哪些信誉好的足球投注网站输出和有哪些信誉好的足球投注网站结果相似?Search #search 有哪些信誉好的足球投注网站?Search results #search-results 有哪些信誉好的足球投注网站结果?Copyright information #copyright 版权信息?brand #branding 商标?branding-l