首页 > HTML DOM元素给节点起ID class 的时候有什么讲究?

HTML DOM元素给节点起ID class 的时候有什么讲究?

HTML DOM元素给节点起ID class 的时候有什么讲究?比如ID能为234纯数字吗?能goods_id,goods-id包含下划线中划线吗?什么情况下会报错,或者无效?谢谢回答


仅供参考:W3C css rules


共识:

  1. 下划线是可以使用双击选中的,连接符不可以。(taylor_is_swift,taylor-is-swift)
  2. 合理的命名是为了预防不可预防的问题。
  3. 使用科学人性的命名标准,而不是程序员之间的小约定

规则:

  1. JS钩子,使用ID绑定的用大写J加下划线(J_taylor)。
  2. JS Hook钩子,使用class绑定的使用小写j加下划线(j_swift)。
  3. 单词连接用驼峰,状态连接用连接符(j_taylorSwift,j_taylorSwift-open)。

拓展:
然后可以在不破坏规则的情况下,使用一些诸如BEM之类的来表示层级关系、或者是程序员的小约定、偷偷打上的小记号、食堂饭菜咸淡程度、上一次xxx的日子等等……,但是规则就是规则。


我的讲究是:
id留给js,class是专门用来给css用的。
其它的讲究是有道在手,说走就走。规则是:
模块名称+业务名称+颗粒名称。
比如 .home-news-title
.detail-list
等等。
用中划线的原因是,实在懒得多按一次shift,然后有的说选中不是很麻烦,用webstorm的ctrl+w,那是说选就选的节奏,难道不是吗?

更多的规则探讨加群吧,一时半会也说不清楚:159758989。高级群进群要答题,谨慎进入。


仅供参考:CSS中class以及ID常规命名规则

【热门文章】
【热门文章】