HTML Class相关问题：类名中'-'的作用及fa-facebook是否为id的问询

HTML类名短横线相关问题解答 #

1. HTML类名中'-'符号的作用 #

• HTML规范中-本身就是类名允许使用的合法普通字符，没有内置的特殊语法含义
• 开发者使用-主要是作为类名的单词分隔符：因为HTML类名不允许包含空格，多个单词组成的类名用-拼接可以大幅提升可读性，这种命名方式也叫kebab-case（短横线命名法），是前端CSS类名的主流命名约定之一，BEM等成熟的CSS命名规范也会使用-做不同命名片段的分隔标记。

2. 截图中fa-facebook的属性说明 #

• 你截图里的fa-facebook是class属性值，不是id属性值，完整的fa-facebook本身就是一个独立的类名
• 其中的-没有特殊拆分作用，只是类名字符串的组成部分，这个命名是Font Awesome图标库的约定规则：fa是库的统一前缀，后面跟具体图标名称，拼接成完整类名用来匹配对应的图标样式。

内容的提问来源于stack exchange，提问作者Noah Choi