首页 > 5811标准 > 规范

HTML基本原则

语义化


语义化适用于SEO


  1. 新闻列表,图片列表,产品列表,导航菜单等列表类模块请使用ul li 标签

  2. 栏目标题,模块大标题请使用 h2 标签

  3. 列表里面的标题请使用h3标签

  4. h1 标签在详情页时候使用,并且1个页面内只能出现1次h1标签

  5. 尽量不要在列表里面的li上加一样的class名,如果必须要加请按顺序加如:a1,a2,a3,a4.... 定义不同元素的不同样式

  6. 新闻列表、产品列表、案例列表等ul列表里面的标题、图片必须加上a标签


模块化


模块化布局更加灵活


  1. 要给ul单独命名单独定义样式请勿嵌套

  2. 按钮,文本框,公用标题,等公用元素请单独定义class名单独定义样式请勿嵌套

  3. 布局层单独用于布局,只定义宽度和浮动即可不定义样式


程序友好


  1. 在写列表ul li 的时候,确保li 里面不要加 .l .r 类似这样的名字,也不要在每行最后一个li 加上 .no-bor .no-margin 类似这样的class,可以采用ul增加宽度(适用pc)或者适用maring设置负值控制