自定义元素不需要连字符作为分隔符
原文英文，约300词，阅读约需2分钟。
📝
内容提要
自定义元素标签不需要连字符作为字符的分隔符，只需要连字符即可。这意味着可以使用现有HTML元素的名称作为自定义元素的名称。不过，这并不意味着应该这样做。
🔎
延伸解读
连字符规则的本质
文章澄清了自定义元素命名的一个常见误解：连字符不必作为字符分隔符，只需出现在标签名中即可。因此，<my-tag>和<mytag->都是有效的自定义元素名称。这意味着开发者可以更灵活地命名，但也要注意，这种灵活性可能带来命名上的混淆，尤其是当连字符位置不当时。
使用现有HTML元素名称的可行性
由于连字符只需存在，你可以使用类似<h1->或<p->这样的名称来创建自定义元素，从而避免与现有HTML元素冲突。但文章强调，虽然技术上可行，却不建议这样做。因为这种命名方式可能降低代码可读性，并让其他开发者感到困惑，尤其是在团队协作中。
表情符号与特殊字符的支持
文章提到，自定义元素标签可以包含表情符号，例如<emotion-😍>，甚至<my-💲0.02>也是有效的。这展示了规范对特殊字符的包容性，但同时也提醒开发者，这类命名可能在实际使用中遇到兼容性问题，尤其是在旧版浏览器或工具链中。
❓
Q&A
自定义元素标签需要连字符吗？
自定义元素标签只需要连字符作为分隔符，不需要将连字符作为字符的分隔符。
可以使用现有HTML元素的名称作为自定义元素吗？
可以使用现有HTML元素的名称作为自定义元素的名称，但不建议这样做。
自定义元素标签的有效示例有哪些？
有效的自定义元素标签示例包括<my-tag></my-tag>和<mytag-></mytag->。
自定义元素可以包含哪些字符？
自定义元素可以包含表情符号，例如<emotion-😍></emotion-😍>。
使用简单元素名称作为自定义元素的例子是什么？
可以使用简单元素名称，例如<h1->和<p->，作为自定义元素。
自定义元素的命名规则有什么特别之处？
自定义元素的命名规则不要求使用连字符作为字符的分隔符，只需包含连字符即可。
