发表于: 2017-05-24 21:09:06

2 817


今天完成的事情:拆分禅道,学习SVN,学习开发规范以及项目中可能存在的问题
明天计划的事情:配置SVN的相关设定,准备开始任务
遇到的问题:暂无
收获:

常见class关键词:

  • 布局类:header, footer, container, main, content, aside, page, section
  • 包裹类:wrap, inner
  • 区块类:region, block, box
  • 结构类:hd, bd, ft, top, bottom, left, right, middle, col, row, grid, span
  • 列表类:list, item, field
  • 主次类:primary, secondary, sub, minor
  • 大小类:s, m, l, xl, large, small
  • 状态类:active, current, checked, hover, fail, success, warn, error, on, off
  • 导航类:nav, prev, next, breadcrumb, forward, back, indicator, paging, first, last
  • 交互类:tips, alert, modal, pop, panel, tabs, accordion, slide, scroll, overlay,
  • 星级类:rate, star
  • 分割类:group, seperate, divider
  • 等分类:full, half, third, quarter
  • 表格类:table, tr, td, cell, row
  • 图片类:img, thumbnail, original, album, gallery
  • 语言类:cn, en
  • 论坛类:forum, bbs, topic, post
  • 方向类:up, down, left, right
  • 其他语义类:btn, close, ok, cancel, switch; link, title, info, intro, more, icon; form, label, search, contact, phone, date, email, user; view, loading...


看到一个关于html中属性的顺序规范,这个之前也很少用到

属性顺序

HTML 属性应该按照特定的顺序出现以保证易读性。

  • class
  • idname
  • data-*
  • srcfortypehrefvalue
  • titlealt
  • rolearia-*

Classes 是为高可复用组件设计的,所以他们处在第一位。Ids 更加具体而且应该尽量少使用(例如, 页内书签),所以他们处在第二位。

这个顺序在复盘项目中会更加注意。主要是之前在a标签中比较习惯先给src,再来class,以及先type/value等。。


返回列表 返回列表
评论

    分享到