网站设计及基本框架结构
- container：就是将页面中的所有元素包在一起的部分。
- nav：横向导航栏，是最典型的网页元素。
- header：网站页面的头部区域，通常包含网站的 LOGO 和一些其他元素。
- menu：包含一般的链接和菜单。
- main：网站的主要区域。
- sidebar：网站的侧边栏，包含网站的次要内容。
- footer：网站页面的尾部区域，通常包含版权、联系方式等信息。
常用命名汇总
- 登录条：loginbar
- 标志：logo
- 广告条：banner
- 子导航：subNav
- 子菜单：subMenu
- 下拉菜单：dropMenu
- 工具条：toolbar
- 表单：form
- 栏目：column
- 箭头：arrow
- 搜索：search
- 搜索按钮：btn-search
- 滚动条：scroll
- 内容：content
- 标签页：tab
- 文章列表：list
- 提示信息：msg
- 小技巧：tips
- 标题：title
- 链接：links
- 页脚：footer
- 服务：service
- 热点：hot
- 新闻：news
- 下载：download
- 注册：regsiter
- 状态：status
- 按钮：btn
- 投票：vote
- 合作伙伴：partner
- 版权：copyright
- 网站地图：sitemap
命名规则
语义化话命名，尽量能从命名中看出其作用。不要使用如 red、big 等表面形式的命名。
组合命名规则：[元素类型]-[元素作用/内容]
- 搜索按钮：btn-search
- 登录表单：form-login
凡涉及交互行为的元素通常会有正常、悬停、点击和已浏览等不同样式，可参考以下规则：鼠标悬停：hover、点击：click、已浏览：visited
- btn-search
- btn-search-hover
- btn-search-visited