Web组件(JavaScript原生)命名限制

Question

我知道Web组件命名有以下限制：

• 不允许使用大写字母符号
• 必须至少包含一个n-灰分

还有其他吗？下划线、数字和其他符号呢？

Answer 1

以下是HTML规范的完整规范：

有效的自定义元素名称是一个符合以下所有要求的字符序列名称：

name必须与PotentialCustomElementName production:匹配

PotentialCustomElementName ::=
[a-z] (PCENChar)* '-' (PCENChar)*
PCENChar ::=
"-" | "." | [0-9] | "_" | [a-z] | #xB7 | [#xC0-#xD6] | 
[#xD8-#xF6] | [#xF8-#x37D] | [#x37F-#x1FFF] | [#x200C-#x200D] | 
[#x203F-#x2040] | [#x2070-#x218F] | [#x2C00-#x2FEF] |
[#x3001-#xD7FF] | [#xF900-#xFDCF] | [#xFDF0-#xFFFD] | 
[#x10000-#xEFFFF]

这使用了XML规范中的EBNF表示法。[XML]

名称不能是以下任何一种：

annotation-xml
color-profile
font-face
font-face-src
font-face-uri
font-face-format
font-face-name
missing-glyph

https://html.spec.whatwg.org/multipage/custom-elements.html#valid-自定义元素名称