1.ID命名，应该根据“元素是什么”来命名，不是“元素的外观如何”
如：头header 尾footer 导航nav 侧栏sidebar 栏目column 页面外围控制整体布局宽度wrapper 左中右left center right 登录条login bar 标志logo 广告banner 页面主体main 热点hot 新闻news 下载download 子导航subnav 菜单menu 子菜单submenu 搜索search 友情链接friendlink 页脚footer 版权copyright 滚动scroll 内容content 红色警告（错误）error、warning、notification
还有 CSS 类和ID的常用命名https://blog.csdn.net/vurtne1st/article/details/52101495不一一写出了
2.判断一个元素使用ID还是类名，使用类的元素可以出现在同一页面的多个位置，ID是不同的唯一元素
使用类名更好一点（独特性很强的时候用ID），但是使用类过多还会出现“多类症”，代码组件化提高灵活性
3.div&span
div是英文部分（division）的缩写，也有语义化，为了将不必要的标记减到最少，应只在没有现有元素能够实现区域分割的情况下使用div，如使用主导航就不需要将它包在div中
过度使用div会有“多div症”，div可以用来对块级元素分组，span是对行内元素分组或标识
4.微格化：命名约定和标记模式来表示人 地点或日期等信息（vCard，iCalendar），编写脚本，提取其中标记的事件信息
扫描二维码关注公众号，回复：
2892870 查看本文章
