前端命名规范

2019-01-26 15:58

基本原则

? 结构、样式、行为分离 ? 统一缩进(建议两个空格) ? 文件编码统一不带BOM的UTF-8 ? 一律使用小写字母

? 省略外链资源 URL 协议部分(FTP等其他URL不省略) ? 统一注释

HTML

? 标签 ? ? ?

自闭合无需闭合imginputbrhr等 可选闭合需闭合 尽量减少标签

? class&id ? ?

以功能或内容命名, 不以表现形式命名 以-分隔

? 属性顺序 id > class > name >

data-xxx >src,for,type,href>title,alt> aria-xxx,role ? 属性统一使用双引号

? 语义嵌套及严格嵌套约束参考:WEB标准系列-HTML元素

嵌套 ?

用于或

    ? ?

    用于

    用于

    ? inline-Level 元素,仅可以包含文本或其它

    inline-Level 元素;

    ? 里不可以嵌套交互式元素、