1. 这是淘宝页面的基本结构：
  2. page（宽度为950px） 还可取值 page2（宽度自适应） 或 page3（宽度为750px）
  3. main-nav 是页面的主导航条，根据具体情况可以省略
  4. header、content 和 footer 的命名取自 HTML5草案
  5. id 和 class 的命名总规则为： 内容优先，表现为辅。首先根据内容来取名，比如 main-nav, 如果根据内容找不到合适的命名，可以再结合表现来定，比如 skin-blue, present-tab, col-main.
  6. id 和 class 名称一律小写，多个单词用连字符连接，比如 recommend-presents
  7. id 和 class 名称中只能出现小写的26个英文字母、数字和连字符（-），任何其它字符都严禁出现
  8. id 和 class 尽量用英文单词命名，确实找不到合适的单词时，可以考虑使用产品的中文拼音，比如 wangwang, dating. 对于中国以及淘宝特色词汇，也可以使用拼音，比如 xiaobao, daigou. 除了产品名称和特色词汇，其它任何情况下都严禁使用拼音
  9. 在不影响语义的情况下，id 和 class 名称中可以适当采用英文单词缩写，比如 col, nav, hd, bd, ft 等，但切忌自造缩写
  10. id 和 class 名称中的第一个词必须是单词全拼或语义非常清晰的单词缩写，比如 present, col
  11. 在 JS 中当作 hook 用的 id 和 class, 命名规则为 J_UpperCamelCase. J 是钩子的象形
  12. 请大家开发新页面时，遵守上面的约定