代码之家 › 专栏 › 技术社区 › Takeshi Tokugawa YD

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

web-component html javascript

-2

Takeshi Tokugawa YD · 技术社区 · 5 年前

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

不允许使用大写字母符号。
必须包含至少一个n-破折号。

还有别的吗?下划线、数字和其他符号呢?

1 回复 | 直到 5 年前

1

craigmj 5 年前

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

有效的自定义元素名称是满足以下所有要求的字符名称序列:

名称必须与潜在的CustomElementName产品匹配:

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-custom-element-name