主要命名介绍
1.Container
“container“ 就是将页面中的所有元素包在一起的部分，这部分还可以命名为: “wrapper“, “wrap“, “page“.
2.Header
“header” 是网站页面的头部区域，一般来讲，它包含网站的logo和一些其他元素。这部分还可以命名为:“page-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         
margin属性值可以为百分比页头：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-logo #branding-logo LOGO 
Site information #siteinfo 网站信息 
Copyright information etc. #siteinfo-legal 法律声明 
Designer or other credits #siteinfo-credits 信誉 
Join us #joinus 加入我们 
Partnership opportunities #partner 合作伙伴 
Services #service 服务 
Regsiter #regsiter 注册 
Status #status 状态 
电子贸易相关 
Products .products 产品 
Products prices .products-prices 产品价格 
Products description .products-description 产品描述 
Products review .products-review 产品评论 
Editor's review .editor-review 编辑评论 
New release .news-release 最新产品 
Publisher .publisher 生产商 
Screen shot .screenshot 缩略图 
FAQ .faqs 常见问题 
Keyword .keyword 关键词 
Blog .blog 博客 
Forum .forum 论坛 

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。