HTML基本原则分析
语义化
语义化适用于SEO
- 新闻列表，图片列表，产品列表，导航菜单等列表类模块请使用ul li 标签
- 栏目标题，模块大标题请使用 h2 标签
- 列表里面的标题请使用h3标签
- h1 标签在详情页时候使用，并且1个页面内只能出现1次h1标签
- 尽量不要在列表里面的li上加一样的class名，如果必须要加请按顺序加如：a1,a2,a3,a4.... 定义不同元素的不同样式
模块化
模块化布局更加灵活
- 要给ul单独命名单独定义样式请勿嵌套
- 按钮，文本框，公用标题，等公用元素请单独定义class名单独定义样式请勿嵌套
- 布局层单独用于布局，只定义宽度和浮动即可不定义样式
程序友好
- 在写列表ul li 的时候，确保li 里面不要加 .l .r 类似这样的名字，也不要在每行最后一个li 加上 .no-bor .no-margin 类似这样的class，可以采用ul增加宽度（适用pc）或者适用maring设置负值控制
